Формат PNG

PNG (Portable Network Graphics — портативная сетевая графика) — популярный в интернете растровый графический формат файлов, применяющий технологию сжатия без потерь и поддерживающий полупрозрачность (альфа-канал).

Формат PNG

Создание изображений в формате PNG

Сделать картинку в формате PNG можно с помощью любого графического редактора (в том числе Paint и Photoshop).

Как сохранить картинку в формате PNG в Paint?

Процесс сохранения в формат PNG с помощью редактора Paint в Windows 10:

  1. Откройте файл изображения в Paint.

    Программа поддерживает изображения в форматах BMP, TIFF, PNG, GIF, JPEG.

  2. Кликните по вкладке Файл.

    Откроется контекстное меню.

  3. Выберите Сохранить какИзображение в формате PNG.

    Откроется модальное окно выбора папки и названия для файла.

  4. Определите папку, введите название файла и нажмите Сохранить.

Как сохранить PNG-файл в Photoshop?

Процесс сохранения изображений в формате PNG с помощью редактора Adobe Photoshop CC 2015:

  1. Откройте файл изображения в Photoshop.

    Программа поддерживает изображения в самых разных графических форматах.

  2. Кликните по вкладке Файл.

    Откроется контекстное меню.

  3. Выберите Сохранить для Web (по умолчанию клавиши Alt + Ctrl + Shift + S).

    Откроется модальное окно сохранения.

  4. В правом верхнем углу диалогового окна из выпадающего списка выберите PNG-8 (палитра до 256 цветов) или PNG-24 (максимальная палитра цветов).

    Откроются дополнительные настройки формата PNG. Для PNG-24:

    • Прозрачность (активация альфа-канала прозрачности).

      Активируйте соответствующий чек-бокс, чтобы сохранить файл PNG с прозрачным фоном (альфа-каналом без фона).

    • Чересстрочно (постепенная загрузка изображения).
    • Встроенный профиль (увеличивает размер файла).

    Дополнительные настройки для PNG-8:

    • модель редукции цвета (способ определения цветов в палитру),
    • количество цветов в палитре,
    • определение модели дизеринга (способа сглаживания цветовых переходов),
    • степень дизеринга (0-100%),
    • цвет фона (при наличии прозрачности),
    • модель дизеринга прозрачности,
    • web-цвета (не актуально).
  5. Произведите необходимые настройки.

    Изменение изображения в зависимости от выставленных настроек можно контролировать в левой части окна.

  6. Кликните Сохранить....

    Откроется модальное окно выбора папки и названия для файла.

  7. Определите папку, введите название файла и нажмите Сохранить.

Как сохранить PNG-файл в Illustrator?

Программа Illustrator является графическим редактором компании Adobe, предназначенным для работы с векторной графикой. Функционал программы схож с функционалом Photoshop — для сохранения изображений в PNG-формате в «иллюстраторе» используйте аналогичную функцию «Сохранить для Web»:

  1. Откройте или создайте изображение в Adobe Illustrator.

    Программа поддерживает изображения в самых разных графических форматах.

  2. Кликните по вкладке Файл.

    Откроется контекстное меню.

  3. Выберите Сохранить для Web (по умолчанию Alt + Ctrl + Shift + S).

    Откроется модальное окно сохранения.

  4. В правом верхнем углу диалогового окна из выпадающего списка выберите PNG-8 (палитра до 256 цветов) или PNG-24 (максимальная палитра цветов).

    Откроются дополнительные настройки формата PNG (описаны выше в процессе сохранения PNG через «фотошоп»).

  5. Произведите необходимые настройки.

    Изменение изображения в зависимости от выставленных настроек можно контролировать в левой части окна.

  6. Кликните Сохранить....

    Откроется модальное окно выбора папки и названия для файла.

  7. Определите папку, введите название файла и нажмите Сохранить.

Алгоритм сжатия PNG

Главной отличительной особенностью формата PNG является сжатие без потерь данных: в зависимости от компрессора (сжимающей программы) можно уменьшить «вес» изображения в определённой степени.

В отличие от формата JPG, степень сжатия PNG-файлов не регулируется и полностью зависит от предустановленных алгоритмов программы, с помощью которой сохраняется картинка.

Оптимизация PNG-изображений

Уменьшить размер файла PNG можно с помощью ограничения цветовой палитры.

В зависимости от глубины цвета изображения в формате PNG, применяемые на веб-ресурсах, делят на 2 вида:

  1. PNG-8

    Использует 8-битную глубину цвета (не более 256 индексированных цветов) и возможность использования прозрачных пикселей.

  2. PNG-24

    Использует 24-битную глубину цвета и 8-битный альфа-канал (1 677 7216 цветов + канал прозрачности).

Экспортируя изображение из полноцветного PNG-24 в индексированный PNG-8 можно добиться значительного уменьшения размера файла («веса» изображения):

В приведённых выше примерах можно заметить значительную разницу в размере файлов в зависимости от глубины цвета. Также очевидна нехватка цветов: на 256-цветном варианте можно рассмотреть «гранулы», которые становятся значительно более заметны в 128-цветном варианте из-за явного недостатка цветов в палитре.

Применение формата PNG-24 для изображений, использующих небольшое количество цветов, неоправданно увеличивает размер файла.

Следует иметь ввиду, что ограничение цветовой палитры до минимума ведёт к безвозвратной потере данных, которые невозможно восстановить из оптимизированного изображения.

Применяйте PNG-8 только если максимума в 256 цветов будет достаточно для изображения.

В случаях, когда картинка использует до 256 цветов, ограничение палитры может существенно уменьшить «вес» изображения, ни как не отражаясь на качестве его детализации:

Зависимость «веса» от глубины цвета для PNG
Зависимость «веса» от глубины цвета для PNG

Преимущества формата PNG

  • Cжатие без потерь в качестве детализации.
  • Нет ограничений в глубине цвета.
  • Применение индексированной палитры (8 бит).
  • Регулировка размера файла в зависимости от палитры.
  • Применение канала прозрачности (альфа-канала).

Недостатки формата PNG

  • Большой размер файла для сложных реалистичных изображений

    В таких случаях предпочтительным является формат JPG.

  • Отсутствие возможности создания анимации

    Для таких целей используется формат GIF.

Рекомендации по применению формата

При использовании и оптимизации изображений в формате PNG для вашего сайта руководствуйтесь следующими рекомендациями:

  • используйте формат PNG для картинок с прозрачным фоном и небольших иконок,
  • используйте формат PNG, если потери при сжатии недопустимы,
  • используйте формат PNG-8 для картинок с небольшим количеством цветов (не более или около 256),
  • используйте формат PNG-24 для картинок с большим количеством цветов (более 256),
  • выбирая между PNG-8 и PNG-24, контролируйте размер файла и качество детализации изображения на выходе перед сохранением,
  • помните, что при сохранении изображения в формате PNG-8 в его палитре останется не более 256 цветов, а данные о других цветах будут удалены и восстановить их будет невозможно.

Часто задаваемые вопросы

Чем открыть файл в формате PNG на компьютере?

Открыть файлы в формате PNG можно с помощью любых программ для просмотра изображений (в том числе стандартные приложения Windows), всех современных интернет-обозревателей (браузеров), а также векторных и растровых графических редакторов.

Какой программой можно открыть файл PNG?

Список наиболее популярных программ для открытия и редактировать картинок в формате PNG (и во многих других графических форматах):

  • Microsoft Paint,
  • GIMP,
  • Adobe Photoshop,
  • Adobe Illustrator,
  • CorelDRAW,
  • Corel Photo Paint,
  • и др.

Как открыть файл PNG в «фотошопе»?

Чтобы открыть любое изображение в формате PNG (а также в любом другом графическом формате) в Photoshop откройте программу и воспользуйтесь функцией ФайлОткрыть... (клавиши Ctrl + O). Таким же способом это можно сделать в любом другом графическом редакторе.

Как сохранить (создать) PNG-файл?

Ответ здесь.

Как изменить формат изображения на PNG?

Изменить формат картинки (фотографии или рисунка) на PNG можно с помощью функции экспорта в графических редакторах или через онлайн-конвертеры.

Например, программа Microsoft Paint позволяет перевести картинку в формат PNG с помощью функции «Сохранить как» следующие графические форматы: BMP, TIFF, PNG, GIF.

Как сжать изображение в формате PNG?

Сжатие PNG происходит при сохранении картинки в данном формате, размер файла на выходе зависит от алгоритма сжатия программы, в которой он сохраняется. Если файл PNG необходимо сжать в большей степени, можно изменить глубину цвета (экспорт из PNG-24 в PNG-8) или воспользоваться онлайн-компрессором tinypng.com.

Как уменьшить (изменить) размер файла в формате PNG?

Уменьшить размер PNG-файла можно следующими способами:

  1. изменив глубину цвета с 24-х до 8-бит,
  2. уменьшив количество индексированных цветов при 8-битной глубине цвета,
  3. отключив альфа-канал прозрачности,
  4. удалив мета-данные.

Все эти действия разом можно совершить при помощи онлайн-компрессора tinypng.com или частично с помощью функции «Сохранить для Web» в графических редакторах от компании Adobe (Photoshop и Illustrator).

Ссылки

Автор:
Оцените материал:
5.0/5

Комментарии  

Инок 0
Вся канитель с файлом PNG касается только графиков, а зачем он обывателям?
Если файл Jpeg в любом зжатии видится на ПК и в интернете. А Png файл как с цифровой камере. Софта на этот PNG нет. Ни Paint ни другой софт, что работает с Jpeg
файлами, PNG не показывает. В инете куча мусора о программах для PNG. Я поначалу искал, но только бес толку. И создается мнение, что мне эти файлы не нужны. TIFF был очен тяжелый,на с него можно переводить в файлы полегче. Мне и этого хватит.
05.10.2020 22:22 Ответить
Нотан Ройамов 0
Здравствуйте!
Что значит Paint не показывает PNG? :-)
А вообще PNG отлично зарекомендовал себя в веб-дизайне. На данном сайте применяются картинки исключительно этого формата. Преимущества и недостатки PNG расписаны выше.
06.10.2020 13:11 Ответить

Добавить комментарий