Формат PNG - описание формата, как использовать, чем открыть


Формат PNG – описание, особенности, использование

В данном обзоре мы рассмотрим всё, что касается изображений в формате PNG. Мы рассмотрим его особенность, спецификацию и области применения. Вы разберетесь в каких случаях применять PNG формат. Какие программы и операционные системы его поддерживают и как лучше оптимизировать PNG изображения по размеру и цветовой схеме.

История и общее описание PNG формата

Название PNG - это аббревиатура от полного названия Portable Network Graphic. Что в переводе на русский означает - компактный сетевой графический формат. Смысл заложеный в названии действительно отражает суть PNG формата, как компактного качественного графического контента предназначенного для использования в сети интернет. Именно благодаря характеристикам, идеально подходящих для использования на интернет сайтах, PNG стал общеупотребительным форматом и используется практически на каждом сайте и портале.

Также PNG стал невероятно популярен среди дизайнеров, как идеальный контейнер для хранения отдельных объектов на прозрачном фоне для использования в дизайнах и коллажах.

Формат PNG появился как альтернатива формата GIF. В свое время GIF был единственным растровым форматом, который поддерживал свойство прозрачности. Однако использование изображений в GIF формате требовал соблюдение прав на лицензию и соответственно предполагал оплату, плюс ко всему GIF поддерживал 8 битную разрядность. По сути поддерживал всего 256 цветов, что конечно не позволяло хранить качественную картинку.

Изображения в PNG формате стали достойной альтернативы GIF и практически полностью вытеснили его благодаря более расширенным характеристикам и более качественному формату.

В отличие от GIF формата PNG используют уже шестнадцатиричную разрядность и поддерживают до 2,5 млн цветов и оттенков, что позволяет обеспечить намного более качественное картинку, сохранив свойство прозрачности за счёт поддержки альфа-канала. Также PNG формат стал невероятно популярным за счёт того, что не предусматривал никаких коммерческих лицензий. Использовать изображение в PNG формате можно абсолютно бесплатно. Особо следует отметить возможность поддержки большого количества оттенков в PNG и поддержка полупрозрачности, что дает возможность создавать плавный, качественный переход от графического контента в прозрачный фон. Часто такая задача встает когда дизайнеры реализуют эффекты свечения или тень. В таких случаях именно PNG-формат становится просто незаменим!

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

Отдельного внимания заслуживает небольшой размер PNG изображений за счет качественного сжатия растровой графики, но при этом сохранение отличного качества графики. Для использование изображений на интернет сайтах размер чрезвычайно важен в связи со скоростью загрузки и расходованием трафика.

Поддержка PNG формата операционными системами

Изображения в PNG формате в связи с его стандартизацией и приобретением статуса общеупотребительного и общедоступного формата, поддерживается всеми существующими операционными системами, как в настольных компьютерах (ОС Windows, MacOS, Linux, Ubuntu и др.), так и на мобильных платформах, таких как iOS, Android, Tizen, Windows Mobile и др.).

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

Обработка PNG формата в графических редакторах 

Все популярные современные графические редакторы в различных операционных системах способны редактировать и сохранять графику в PNG формате по-умолчанию и без необходимости использования дополнительных плагинов и надстроек. Вы можете сохранить графику в PNG файл и из векторных редакторов таких, как Adobe Illustrator или Corel Draw, несмотря на то, что ПНГ является растровым форматом.

Единственное с чем вы можете столкнуться, так это с переносом PNG изображения из браузера в графический редактор, например, Photoshop, путем прямого копирования (если вы правой кнопкой скопируйте изображение и также через правую кнопку вставите в рабочую область Photoshop) прозрачный фон может замениться на черный. Такие особенности связаны с буферными переконвертированием и решается путем сохранения файла на жестком диске и открытием через менеджер файлов.

Современные браузеры и PNG изображения

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

Единственное, что мы можем Вам порекомендовать, так это оптимизировать размер PNG изображений по размерам: ширине и длине, под вашу верстку и не использовать пережатие размера картинок через атрибуты тегов и css. Такой подход  не рационально расходует трафик и увеличивает размер загружаемых данных. Хотя такое правило характерно не только для PNG, но и для JPEG изображений и других графических форматов, используемых в верстке сайтов.

Выводы и резюме по обзору PNG формата

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