stringtranslate.com

PNG

Портативная сетевая графика ( PNG , официально произносится / p ɪ ŋ / [2] [3] PING , в разговорной речи произносится / ˌ p ɛ n ˈ / [4] PEE -en- JEE ) — это формат файла растровой графики , который поддерживает сжатие данных без потерь . [5] PNG был разработан как улучшенная незапатентованная замена формата графического обмена (GIF) — неофициально инициалы PNG обозначали рекурсивный акроним «PNG's not GIF». [6]

PNG поддерживает изображения на основе палитры (с палитрами цветов 24-битного RGB или 32-битного RGBA ), изображения в оттенках серого (с альфа-каналом или без него для прозрачности) и полноцветные изображения RGB или RGBA без палитры. Рабочая группа PNG разработала формат для передачи изображений в Интернете , а не для печати графики профессионального качества; поэтому цветовые пространства , отличные от RGB , такие как CMYK , не поддерживаются. Файл PNG содержит одно изображение в расширяемой структуре блоков , кодируя основные пиксели и другую информацию, такую ​​как текстовые комментарии и проверки целостности, описанные в RFC 2083. [7]

Файлы PNG имеют расширение «.png» и тип мультимедиа MIME «image/png» . [8] PNG был опубликован как информационный RFC 2083 в марте 1997 года и как стандарт ISO/IEC 15948 в 2004 году. [1]

История и развитие

Мотивацией для создания формата PNG стало осознание того, что 28 декабря 1994 года алгоритм сжатия данных Лемпеля-Зива-Уэлча (LZW) , используемый в формате Graphics Interchange Format ( GIF), был запатентован Unisys . Патент требовал, чтобы все программное обеспечение, поддерживающее GIF, платило роялти, что вызвало шквал критики со стороны пользователей Usenet . Одним из них был Томас Бутелл, который 4 января 1995 года разместил предварительную ветку обсуждения в группе новостей Usenet «comp.graphics», в которой он разработал план бесплатной альтернативы GIF. Другие пользователи в этой теме выдвинули множество предложений, которые позже станут частью окончательного формата файла. Оливер Фромм, автор популярного средства просмотра JPEG QPEG, предложил имя PING, которое в конечном итоге стало PNG, рекурсивной аббревиатурой , означающей, что PING не является GIF , [9] а также расширением . Другие предложения, реализованные позже, включали алгоритм сжатия Deflate и поддержку 24-битного цвета , отсутствие последнего в GIF также побудило команду создать свой формат файлов. Группа стала известна как Группа разработчиков PNG, и по мере того, как дискуссия быстро расширялась, позже она использовала список рассылки, связанный с форумом CompuServe . [2] [10].png

Полная спецификация PNG была выпущена с одобрения W3C 1 октября 1996 г., а затем как RFC 2083 15 января 1997 г. Спецификация была пересмотрена 31 декабря 1998 г. как версия 1.1, в которой были решены технические проблемы гамма- и цветокоррекции . В версии 1.2, выпущенной 11 августа 1999 г., этот iTXtфрагмент был добавлен как единственное изменение спецификации, а переформатированная версия 1.2 была выпущена как второе издание стандарта W3C 10 ноября 2003 г. [11] и как международный стандарт (ISO/ IEC 15948:2004) от 3 марта 2004 г. [12] [1]

Хотя GIF допускает анимацию , было решено, что PNG должен быть форматом одного изображения. [13] В 2001 году разработчики PNG опубликовали формат сетевой графики с несколькими изображениями (MNG) с поддержкой анимации. MNG добилась умеренной поддержки приложений, но недостаточной среди основных веб-браузеров и не используется дизайнерами или издателями веб-сайтов. В 2008 году некоторые разработчики Mozilla опубликовали формат Animated Portable Network Graphics (APNG) с аналогичными целями. APNG — это формат, который изначально поддерживается веб-браузерами на базе Gecko и Presto , а также широко используется для миниатюр в портативной системе Sony PlayStation Portable (с использованием обычного расширения файла PNG). В 2017 году браузеры на базе Chromium стали поддерживать APNG. В январе 2020 года Microsoft Edge стал основан на Chromium , унаследовав таким образом поддержку APNG. Благодаря этому все основные браузеры теперь поддерживают APNG.

Рабочая группа PNG

Исходная спецификация PNG была создана специальной группой экспертов и энтузиастов компьютерной графики . Обсуждения и решения по формату проводились по электронной почте. Первоначальными авторами, указанными в RFC 2083, являются: [14]

Формат файла

PNG-изображениепросмотр с помощью приложения шестнадцатеричного редактора для Ubuntu

Заголовок файла

Файл PNG начинается с 8- байтовой подписи [15] (см. изображение шестнадцатеричного редактора справа):

«Чанки» внутри файла

После заголовка следует ряд фрагментов , [16] каждый из которых передает определенную информацию об изображении. Чанки объявляют себя критическими или вспомогательными , и программа, обнаружившая вспомогательный чанк, который она не понимает, может безопасно его игнорировать. Эта структура уровня хранения на основе фрагментов, аналогичная по концепции контейнерному формату или IFF от Amiga , предназначена для расширения формата PNG, сохраняя при этом совместимость со старыми версиями — она обеспечивает прямую совместимость и ту же самую файловую структуру ( с разными сигнатурами и фрагментами) используется в связанных форматах MNG , JNG и APNG .

Чанк состоит из четырех частей: длина (4 байта, [17] big-endian ), тип/имя фрагмента (4 байта [18] ), данные фрагмента (байты длины) и CRC (циклический избыточный код/контрольная сумма; 4 байта ). 17] ). CRC — это CRC-32 сетевого порядка байтов, вычисляемый по типу фрагмента и данным фрагмента, но не по длине.

Типам фрагментов присваивается четырехбуквенный тип/имя ASCII с учетом регистра; сравните FourCC . Регистр разных букв в имени (бит 5 числового значения символа) представляет собой битовое поле , которое предоставляет декодеру некоторую информацию о природе фрагментов, которые он не распознает.

Регистр первой буквы указывает, является ли чанк критическим или нет. Если первая буква заглавная, чанк является критическим; если нет, то фрагмент является вспомогательным. Критические фрагменты содержат информацию, необходимую для чтения файла. Если декодер обнаруживает критический фрагмент, который он не распознает, он должен прервать чтение файла или предоставить пользователю соответствующее предупреждение.

Случай второй буквы указывает, является ли чанк «общедоступным» (либо в спецификации, либо в реестре общедоступных фрагментов специального назначения) или «частным» (не стандартизированным). Прописные буквы являются общедоступными, а строчные — частными. Это гарантирует, что имена общедоступных и частных фрагментов никогда не будут конфликтовать друг с другом (хотя два частных имени фрагмента могут конфликтовать).

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

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

Критические куски

Декодер должен иметь возможность интерпретировать критические фрагменты для чтения и визуализации файла PNG.

Как заявили в Консорциуме Всемирной паутины , разрядность определяется как «количество бит на образец или на индекс палитры (не на пиксель)». [11]

Этот PLTEфрагмент необходим для цветового типа 3 (индексированный цвет). Он не является обязательным для типов цвета два и шесть (истинный цвет и истинный цвет с альфа-каналом) и не должен появляться для типов цвета 0 и 4 (оттенки серого и оттенки серого с альфа-каналом).

Вспомогательные фрагменты

Другие атрибуты изображения, которые можно хранить в файлах PNG, включают значения гаммы , цвет фона и текстовую информацию метаданных . PNG также поддерживает управление цветом за счет включения цветовых профилей ICC . [21]

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

Формат пикселей

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

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

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

Демонстрация глубины цвета в PNG-файле, в битах на канал. Слева: 8 бит; Справа: 16 бит. Обратите внимание на артефакты , отрегулируйте контрастность для ясности.

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

При использовании индексированных цветных изображений палитра всегда сохраняет трихроматические цвета с глубиной 8 бит на канал (24 бита на запись палитры). Кроме того, может быть включен дополнительный список 8-битных альфа-значений для записей палитры; если они не включены или короче палитры, остальные элементы палитры считаются непрозрачными. В палитре не должно быть больше записей, чем позволяет разрядность изображения, но может быть и меньше (например, если изображение с 8-битными пикселями использует только 90 цветов, то ему не нужны записи палитры для всех 256 цветов). Палитра должна содержать записи для всех значений пикселей, присутствующих в изображении.

Стандарт позволяет индексированным цветам PNG иметь 1, 2, 4 или 8 бит на пиксель; Изображения в оттенках серого без альфа-канала могут иметь 1, 2, 4, 8 или 16 бит на пиксель. Все остальное использует разрядность на канал 8 или 16. Возможные комбинации приведены в таблице выше. Стандарт требует, чтобы декодеры могли читать все поддерживаемые цветовые форматы, но многие редакторы изображений могут создавать лишь небольшую их часть.

Прозрачность изображения

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

Предполагается, что сканирование значений пикселей на бинарную прозрачность должно выполняться перед любым уменьшением цвета, чтобы избежать непреднамеренной прозрачности пикселей. Скорее всего, это создаст проблему для систем, которые могут декодировать изображения с 16 битами на канал (как требуется для соответствия спецификации), но выводят только с 8 битами на канал (норма для всех систем, кроме самых высоких). .

Альфа- хранилище может быть «связанным» (« предварительно умноженным ») или «несвязанным», но PNG стандартизирован [31] на «несвязанном» («непредварительно умноженном») альфа-канале, что означает, что изображения не кодируются в альфа-канале ; излучения, представленные в RGB, не являются выбросами на уровне пикселей. Это означает, что операция over умножит излучение RGB на альфа и не сможет правильно представить излучение и окклюзию.

Сжатие

Пример с несколькими типами изображения
Представление стоимости битов на пиксель для вышеуказанного файла PNG (красный = дорогой, синий = дешевый).

PNG использует двухэтапный процесс сжатия:

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

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

Фильтрация

Метод фильтра 0 PNG может использовать данные в пикселях A, B и C для прогнозирования значения X.
PNG с 256 цветами, размер которого с предварительным фильтром составляет всего 269 байт. То же изображение в формате GIF будет больше более чем в двенадцать раз.

Перед применением DEFLATE данные преобразуются с помощью метода прогнозирования: для всего изображения используется один метод фильтра , а для каждой строки изображения выбирается тип фильтра для преобразования данных, чтобы сделать их более эффективно сжимаемыми. [32] Тип фильтра, используемый для строки развертки, добавляется к строке развертки, чтобы включить встроенную декомпрессию.

В текущей спецификации PNG существует только один метод фильтра (обозначенный как метод 0), и поэтому на практике единственным выбором является то, какой тип фильтра применять к каждой строке. В этом методе фильтр прогнозирует значение каждого пикселя на основе значений предыдущих соседних пикселей и вычитает прогнозируемый цвет пикселя из фактического значения, как в DPCM . Строка изображения, отфильтрованная таким способом, часто оказывается более сжимаемой, чем строка необработанного изображения, особенно если она похожа на строку выше, поскольку различия от прогноза обычно группируются вокруг 0, а не распределяются по всем возможным значениям изображения. Это особенно важно при связывании отдельных строк, поскольку DEFLATE не понимает, что изображение является 2D-объектом, а вместо этого просто видит данные изображения как поток байтов.

Существует пять типов фильтров для метода фильтрации 0; каждый тип прогнозирует значение каждого байта (данных изображения перед фильтрацией) на основе соответствующего байта пикселя слева ( A ), пикселя выше ( B ) и пикселя выше и слева ( C ) или некоторую их комбинацию и кодирует разницу между прогнозируемым значением и фактическим значением. Фильтры применяются к байтовым значениям, а не к пикселям; Значения пикселей могут составлять один или два байта или несколько значений на байт, но никогда не пересекают границы байтов. Типы фильтров: [33]

Фильтр Паэта основан на алгоритме Алана В. Паэта . [34] Сравните с версией DPCM , используемой в JPEG без потерь , и с дискретным вейвлет-преобразованием с использованием окон 1 × 2, 2 × 1 или (для предиктора Паэта) 2 × 2 и вейвлетов Хаара .

Сжатие дополнительно улучшается за счет адаптивного выбора типов фильтров построчно. Это улучшение и эвристический метод его реализации, обычно используемый программным обеспечением для записи PNG, были созданы Ли Дэниелом Крокером , который протестировал методы на многих изображениях во время создания формата; [35] Выбор фильтра является компонентом оптимизации размера файла, как описано ниже.

Если используется чересстрочная развертка, каждый этап чересстрочной развертки фильтруется отдельно, а это означает, что изображение может быть постепенно визуализировано по мере получения каждого этапа; однако чересстрочная развертка обычно делает сжатие менее эффективным.

Чересстрочная развертка

Иллюстрация Адам7, наложенного на изображение размером 16 × 16.

PNG предлагает дополнительную двухмерную семипроходную схему чересстрочной развертки — алгоритм Adam7 . Это более сложная, чем одномерная четырехпроходная схема GIF, и позволяет видеть более четкое изображение с низким разрешением на ранних этапах передачи, особенно если используются алгоритмы интерполяции, такие как бикубическая интерполяция . [36]

Однако 7-проходная схема имеет тенденцию снижать сжимаемость данных больше, чем более простые схемы.

Анимация

Файл APNG (анимированный PNG) (в некоторых веб-браузерах отображается как статическое изображение ).

Сам PNG не поддерживает анимацию. MNG — это расширение PNG; он был разработан членами PNG Group. MNG разделяет базовую структуру и фрагменты PNG, но он значительно сложнее и имеет другую сигнатуру файла, что автоматически делает его несовместимым со стандартными декодерами PNG. Это означает, что большинство веб-браузеров и приложений либо никогда не поддерживали MNG, либо прекратили его поддержку.

Сложность MNG привела к предложению APNG разработчиками Mozilla Foundation. Он основан на PNG, поддерживает анимацию и проще, чем MNG. APNG предлагает возврат к отображению одного изображения для декодеров PNG, которые не поддерживают APNG. Сегодня формат APNG поддерживается всеми основными веб-браузерами. [37] APNG поддерживается в Firefox 3.0 и более поздних версиях, Pale Moon (все версии) и Safari 8.0 и более поздних версиях. [38] В Chromium 59.0 добавлена ​​поддержка APNG, [39] [40] за ним последовал Google Chrome. Opera поддерживала APNG в версиях 10–12.1, но поддержка прекратилась в версии 15, когда она перешла на механизм рендеринга Blink ; поддержка была повторно добавлена ​​в Opera 46 (унаследована от Chromium 59). [41] Microsoft Edge поддерживает APNG с версии 79.0, когда он перешел на движок на базе Chromium.

В апреле 2007 года группа PNG решила не использовать APNG. [42] Обсуждалось несколько альтернатив, включая ANG, aNIM/mPNG, «PNG в GIF» и его подмножество «RGBA в GIF». [43] Однако в настоящее время широкую поддержку имеет только APNG.

Примеры

Отображается в виде шестнадцатеричных редакторов : слева значения байтов отображаются в шестнадцатеричном формате , а справа их эквивалентные символы из ISO-8859-1 с нераспознанными и управляющими символами, замененными точками. Кроме того, подпись PNG и отдельные фрагменты отмечены цветами. Обратите внимание, что их легко идентифицировать благодаря удобочитаемым именам типов (в этом примере PNG, IHDR, IDAT и IEND).

Преимущества

Причинами использования настоящего международного стандарта могут быть:

Сравнение с другими форматами файлов

Формат графического обмена (GIF)

Изображения PNG менее широко поддерживаются старыми браузерами. В частности, IE6 имеет ограниченную поддержку PNG. [47]

JPEG

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

Формат JPEG (Joint Photographic Experts Group) может создавать файлы меньшего размера, чем PNG, для фотографических (и фотоподобных) изображений, поскольку JPEG использует метод кодирования с потерями , специально разработанный для данных фотографических изображений, в которых обычно преобладают мягкие, низкоконтрастные изображения. переходы, а также количество шума или подобных нерегулярных структур. Использование PNG вместо высококачественного JPEG для таких изображений приведет к значительному увеличению размера файла с незначительным улучшением качества. Для сравнения, при хранении изображений, содержащих текст, штриховые рисунки или графику — изображений с резкими переходами и большими областями сплошного цвета — формат PNG может сжимать данные изображения больше, чем JPEG. Кроме того, PNG не имеет потерь, а JPEG создает визуальные артефакты вокруг высококонтрастных областей. (Подобные артефакты зависят от настроек, используемых при сжатии JPG; они могут быть весьма заметны при использовании настроек низкого качества [высокого сжатия].) Если изображение содержит как резкие переходы, так и фотографические части, необходимо сделать выбор между два эффекта. JPEG не поддерживает прозрачность.

Сжатие с потерями в формате JPEG также страдает от потерь при генерации , когда многократное декодирование и перекодирование изображения для его повторного сохранения каждый раз приводит к потере информации, ухудшая качество изображения. Поскольку формат PNG не имеет потерь, он подходит для хранения изображений, подлежащих редактированию. Хотя PNG достаточно эффективен при сжатии фотографических изображений, существуют форматы сжатия без потерь, разработанные специально для фотографических изображений, например, WebP без потерь и Adobe DNG (цифровой негатив). Однако эти форматы либо не получили широкой поддержки, либо являются проприетарными. Изображение можно сохранить без потерь и преобразовать в формат JPEG только для распространения, чтобы не было потерь при генерации.

Хотя спецификация PNG явно не включает стандарт для встраивания данных изображения Exif из таких источников, как цифровые камеры, предпочтительным методом встраивания данных EXIF ​​в PNG является использование некритической вспомогательной метки фрагмента eXIf. [48]

Ранние веб-браузеры не поддерживали изображения PNG; JPEG и GIF были основными форматами изображений. JPEG обычно использовался при экспорте изображений, содержащих градиенты, для веб-страниц из-за ограниченной глубины цвета GIF. Однако сжатие JPEG приводит к небольшому размытию градиента. Формат PNG воспроизводит градиент максимально точно для заданной разрядности, сохраняя при этом небольшой размер файла. PNG стал оптимальным выбором для небольших изображений с градиентом, поскольку поддержка этого формата в веб-браузере улучшилась. Для отображения градиентов в современных браузерах вообще не нужны изображения, поскольку градиенты можно создавать с помощью CSS .

JPEG-LS

JPEG-LS — это формат изображений, разработанный Объединенной группой экспертов по фотографии , хотя он гораздо менее широко известен и поддерживается, чем другой формат JPEG с потерями, рассмотренный выше. Он напрямую сопоставим с PNG, [ необходимы пояснения ] и имеет стандартный набор тестовых изображений. [49] В Waterloo Repertoire ColorSet, стандартном наборе тестовых изображений (не связанном с набором тестов на соответствие JPEG-LS), JPEG-LS обычно работает лучше, чем PNG, на 10–15%, но на некоторых изображениях PNG работает значительно лучше. , порядка 50–75%. [50] Таким образом, если оба этих формата являются вариантами и размер файла является важным критерием, следует учитывать их оба, в зависимости от изображения.

ТИФФ

Формат файла изображения тега (TIFF) — это формат, который включает в себя чрезвычайно широкий набор опций. Хотя это делает TIFF полезным в качестве общего формата для обмена между профессиональными приложениями для редактирования изображений, добавление его поддержки в приложения становится гораздо более сложной задачей, и поэтому он мало поддерживается в приложениях, не связанных с манипулированием изображениями (например, в веб-браузерах). Высокий уровень расширяемости также означает, что большинство приложений предоставляют только подмножество возможных функций, что потенциально создает путаницу для пользователей и проблемы совместимости.

Наиболее распространенным алгоритмом сжатия без потерь общего назначения, используемым в TIFF, является алгоритм Лемпеля-Зива-Уэлча (LZW). Этот метод сжатия, также используемый в GIF, был запатентован до 2003 года. TIFF также поддерживает алгоритм сжатия, используемый PNG (т.е. тег сжатия 0008 16 « Adobe -style») со средним использованием и поддержкой приложений. TIFF также предлагает специальные алгоритмы сжатия без потерь, такие как CCITT Group IV , которые могут сжимать двухуровневые изображения (например, факсы или черно-белый текст) лучше, чем алгоритм сжатия PNG.

PNG поддерживает только альфа без предварительного умножения [31] , тогда как TIFF также поддерживает «связанную» (предварительно умноженную) альфа.

Поддержка программного обеспечения

Официальной эталонной реализацией формата PNG является библиотека программирования libpng . [51] Оно публикуется как свободное программное обеспечение на условиях разрешительной лицензии свободного программного обеспечения . Поэтому обычно она является важной системной библиотекой в ​​бесплатных операционных системах.

Поддержка редактора растровой графики для PNG

Формат PNG широко поддерживается графическими программами, включая Adobe Photoshop , Photo-Paint и Paint Shop Pro от Corel , GIMP , GraphicConverter , Helicon Filter , ImageMagick , Inkscape , IrfanView , редактор пиксельных изображений, Paint.NET и Xara Photo & Графический дизайнер и многие другие (включая онлайн-платформы графического дизайна, такие как Canva ). Некоторые программы, входящие в состав популярных операционных систем , поддерживающих PNG, включают Microsoft Paint и Apple Photos / iPhoto и Preview , а GIMP также часто входит в состав популярных дистрибутивов Linux .

Adobe Fireworks (ранее Macromedia ) использует PNG в качестве собственного формата файлов, позволяя другим редакторам изображений и утилитам предварительного просмотра просматривать сведенное изображение. Однако Fireworks по умолчанию также хранит метаданные для слоев, анимации, векторных данных, текста и эффектов. Такие файлы не следует распространять напрямую. Вместо этого Fireworks может экспортировать изображение в формате оптимизированного PNG без дополнительных метаданных для использования на веб-страницах и т . д .

Поддержка PNG в веб-браузере

Поддержка PNG впервые появилась в 1997 году в Internet Explorer 4.0b1 (32-разрядная версия только для NT) и в Netscape 4.04. [52]

Несмотря на призывы Фонда свободного программного обеспечения [53] и Консорциума Всемирной паутины (W3C), [54] таких инструментов, как gif2png, [55] и таких кампаний, как «Сжечь все GIF-файлы», [56] внедрение PNG на веб-сайтах было довольно медленным из-за к поздней и ошибочной поддержке в Internet Explorer, особенно в отношении прозрачности. [57]

К PNG-совместимым браузерам относятся: Apple Safari , Google Chrome , Mozilla Firefox , Opera , Camino , Internet Explorer , Microsoft Edge и многие другие. Полное сравнение см. в разделе Сравнение веб-браузеров (поддержка форматов изображений) .

В частности, версии Internet Explorer (Windows) ниже 9.0 (выпущенные в 2011 г.) имели многочисленные проблемы, которые не позволяли правильно отображать изображения PNG. [58]

Поддержка операционной системой значков PNG

Значки PNG поддерживаются в большинстве дистрибутивов Linux, по крайней мере, с 1999 года, в средах рабочего стола, таких как GNOME . [70] В 2006 году поддержка Microsoft Windows для значков PNG была введена в Windows Vista . [71] Значки PNG также поддерживаются в AmigaOS 4 , AROS , macOS , iOS и MorphOS . Кроме того, Android широко использует PNG.

Программное обеспечение для оптимизации и размера файлов

Размер файла PNG может значительно различаться в зависимости от того, как он закодирован и сжат; это обсуждается, и ряд советов дается в PNG: The Definitive Guide. [50]

По сравнению с GIF

По сравнению с файлами GIF , файл PNG с той же информацией (256 цветов, без вспомогательных фрагментов/метаданных), сжатый эффективным компрессором, обычно меньше изображения GIF. В зависимости от файла и компрессора размер PNG может варьироваться от несколько меньшего (10%) до значительно меньшего (50%) и несколько большего (5%), но редко бывает значительно больше [50] для больших изображений. Это объясняется производительностью DEFLATE PNG по сравнению с LZW GIF , а также тем, что добавленный уровень предварительного сжатия предсказательных фильтров PNG учитывает структуру двухмерного изображения для дальнейшего сжатия файлов; поскольку отфильтрованные данные кодируют различия между пикселями, они будут иметь тенденцию группироваться ближе к 0, а не распределяться по всем возможным значениям, и, таким образом, их будет легче сжимать с помощью DEFLATE. Однако некоторые версии Adobe Photoshop , CorelDRAW и MS Paint обеспечивают плохое сжатие PNG, создавая впечатление, что GIF более эффективен. [50]

Факторы размера файла

Размер файлов PNG зависит от ряда факторов:

глубина цвета
Глубина цвета может варьироваться от 1 до 64 бит на пиксель.
вспомогательные куски
PNG поддерживает метаданные — это может быть полезно для редактирования, но необязательно для просмотра, как на веб-сайтах.
переплетение
Поскольку каждый проход алгоритма Adam7 фильтруется отдельно, это может увеличить размер файла. [50]
фильтр
На этапе предварительного сжатия каждая строка фильтруется прогнозирующим фильтром, который может меняться от строки к строке. Поскольку последний шаг DEFLATE работает с отфильтрованными данными всего изображения, невозможно оптимизировать эту строку за строкой; Таким образом, выбор фильтра для каждой строки потенциально очень вариативен, хотя эвристика существует. [примечание 1]
сжатие
Благодаря дополнительным вычислениям компрессоры DEFLATE могут создавать файлы меньшего размера.

Таким образом, существует компромисс размера размера между высокой глубиной цвета, максимальным количеством метаданных (включая информацию о цветовом пространстве вместе с информацией, не влияющей на отображение), чересстрочной разверткой и скоростью сжатия, в результате чего получаются большие файлы с меньшей глубиной цвета, меньшим количеством или без вспомогательных фрагментов, без чересстрочной развертки и с настроенной, но требующей больших вычислений фильтрацией и сжатием. Для разных целей выбираются разные компромиссы: максимальный файл может быть лучшим для архивирования и редактирования, в то время как урезанный файл может быть лучшим для использования на веб-сайте, и аналогично быстрое, но плохое сжатие предпочтительнее при многократном редактировании и сохранении файла. файл, а медленное, но высокое сжатие предпочтительнее, когда файл стабилен: при архивировании или публикации. Чересстрочная развертка — это компромисс: она значительно ускоряет ранний рендеринг больших файлов (уменьшает задержку), но может увеличить размер файла (уменьшить пропускную способность) с небольшой выгодой, особенно для небольших файлов. [50]

Сжатие PNG с потерями

Хотя PNG является форматом без потерь, кодировщики PNG могут предварительно обрабатывать данные изображения с потерями, чтобы улучшить сжатие PNG. Например, квантование полноцветного PNG до 256 цветов позволяет использовать индексированный тип цвета для вероятного уменьшения размера файла. [72]

Программное обеспечение для редактирования изображений

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

Многие графические программы (например, программное обеспечение Apple Preview ) сохраняют PNG-файлы с большим количеством метаданных и данных цветокоррекции, которые обычно не нужны для просмотра в Интернете . Неоптимизированные файлы PNG из Adobe Fireworks также печально известны этим, поскольку они содержат параметры, позволяющие редактировать изображение в поддерживаемых редакторах. Также CorelDRAW (по крайней мере версия 11) иногда создает PNG-файлы, которые невозможно открыть в Internet Explorer (версии 6–8).

Производительность Adobe Photoshop с файлами PNG в CS Suite улучшилась при использовании функции «Сохранить для Интернета» (которая также позволяет явно использовать PNG/8).

Adobe Fireworks по умолчанию сохраняет файлы PNG большего размера, чем многие программы. Это связано с механикой формата сохранения : изображения, создаваемые функцией сохранения Fireworks, включают в себя большие частные фрагменты, содержащие полную информацию о слоях и векторах. Это позволяет осуществлять дальнейшее редактирование без потерь. При сохранении с помощью параметра «Экспорт» PNG-файлы Fireworks конкурируют с файлами, созданными другими графическими редакторами, но их больше нельзя редактировать как что-либо иное, кроме как сглаженные растровые изображения. Fireworks не может сохранять векторно-редактируемые PNG-файлы с оптимизированным размером.

Другие известные примеры плохих компрессоров PNG включают в себя:

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

Когда глубина цвета полноцветного изображения уменьшается до 8-битной палитры (как в GIF), результирующие данные изображения обычно становятся намного меньше. Таким образом, PNG с полноцветным изображением обычно больше, чем GIF с уменьшенным цветом, хотя PNG может хранить версию с уменьшенным цветом в виде файла с палитрой сопоставимого размера. И наоборот, некоторые инструменты при сохранении изображений в формате PNG автоматически сохраняют их как полноцветные, даже если исходные данные используют только 8-битный цвет, что приводит к ненужному раздуванию файла. [50] Оба фактора могут привести к неправильному представлению о том, что файлы PNG больше, чем эквивалентные файлы GIF.

Инструменты оптимизации

Для оптимизации файлов PNG доступны различные инструменты; они делают это путем:

Список инструментов

Простое сравнение их функций приведено ниже.

До того, как появился zopflipng, хорошим способом оптимизации PNG на практике было последовательное использование комбинации двух инструментов для оптимального сжатия: один, который оптимизирует фильтры (и удаляет вспомогательные фрагменты), и другой, который оптимизирует DEFLATE. Хотя pngout предлагает и то, и другое, за один запуск можно указать только один тип фильтра, поэтому его можно использовать с инструментом-оболочкой или в сочетании с pngcrush , [примечание 2] действуя как повторный дефлятор, например advdef.

Удаление вспомогательного фрагмента

Для удаления вспомогательных фрагментов большинство инструментов оптимизации PNG имеют возможность удалять все данные цветокоррекции из файлов PNG (гамма, баланс белого, цветовой профиль ICC, стандартный цветовой профиль RGB). Это часто приводит к значительно меньшему размеру файла. Например, следующие параметры командной строки позволяют добиться этого с помощью pngcrush:

pngcrush -rem gAMA -rem cHRM -rem iCCP -rem sRGB InputFile.png OutputFile.png

Оптимизация фильтра

pngcrush, pngout и zopflipng предлагают варианты применения одного из типов фильтров 0–4 глобально (с использованием одного и того же типа фильтра для всех строк) или с помощью «псевдофильтра» (с номером 5), который для каждой строки выбирает один из фильтров. типы 0–4 с использованием адаптивного алгоритма. Zopflipng предлагает 3 различных адаптивных метода, включая поиск методом перебора, который пытается оптимизировать фильтрацию. [примечание 7]

pngout и zopflipng предоставляют возможность сохранить/повторно использовать [примечание 2] [примечание 8] набор построчных фильтров, присутствующий во входном изображении.

pngcrush и zopflipng позволяют опробовать различные стратегии фильтрации за один проход и выбрать лучшую. Бесплатная версия pngout для командной строки не предлагает этого, но коммерческая версия pngoutwin делает это. [примечание 9]

Оптимизация DEFLATE

Zopfli и LZMA SDK предоставляют реализации DEFLATE , которые могут обеспечивать более высокие степени сжатия , чем эталонная реализация zlib , за счет производительности. AdvanceCOMP advpngи advdefможет использовать любую из этих библиотек для повторного сжатия файлов PNG. Кроме того, PNGOUT содержит собственную реализацию DEFLATE.

advpngне имеет возможности применять фильтры и всегда использует фильтр 0 глобально (оставляя данные изображения нефильтрованными); поэтому его не следует использовать там, где изображение значительно выигрывает от фильтрации. Напротив, advdefпакет из того же пакета не работает со структурой PNG и действует только как повторный дефлятор, сохраняя любые существующие настройки фильтра.

Оптимизация иконок

Поскольку значки, предназначенные для Windows Vista и более поздних версий, могут содержать фрагменты изображений PNG, к ним также можно применить оптимизацию. По крайней мере, один редактор иконок , Pixelformer, способен выполнять специальный проход оптимизации при сохранении файлов ICO , тем самым уменьшая их размеры. FileOptimizer (упомянутый выше) также может обрабатывать файлы ICO.

Значки для macOS также могут содержать фрагменты изображений PNG, но такого инструмента нет. [ нужна цитата ]

Смотрите также

Заметки с пояснениями

  1. ^ Фильтрация используется для увеличения сходства данных и, следовательно, увеличения степени сжатия. Однако теоретически не существует ни формулы сходства, ни абсолютной связи между сходством и компрессором, поэтому, если сжатие не выполнено, нельзя сказать, что один набор фильтров лучше другого.
  2. ^ abcd Используйте pngout -f6 для повторного использования предыдущего набора фильтров.
  3. ^ Инструменты, предлагающие такую ​​​​функцию, могут действовать как чистый повторный дефлятор файлов PNG.
  4. ^ zlib , эталонная реализация deflate, сжатие неоптимально даже на максимальном уровне. См. Zopfli , формат zip в 7-zip и pngout .
  5. ^ Advpng не только не поддерживает уменьшение цвета, но и не работает с изображениями с уменьшенным цветовым пространством.
  6. ^ Advpng может применять только фильтр 0 глобально, поэтому это ни да, ни нет, а Н/Д.
  7. ^ [pngcrush|pngout] -f ИЛИ zopflipng --filters
  8. ^ zopflipng --filters=p
  9. ^ Диалоговое окно настроек Pngoutwin для оптимизации предлагает пользователю выбор стратегий фильтрации.

Рекомендации

  1. ^ abc «ISO/IEC 15948:2004 – Информационные технологии – Компьютерная графика и обработка изображений – Переносимая сетевая графика (PNG): Функциональная спецификация». Международная Организация Стандартизации . 3 марта 2004 г. Проверено 19 февраля 2011 г.
  2. ^ Аб Рулофс, Грег (29 мая 2010 г.). «История PNG». libpng . Проверено 20 октября 2010 г.
  3. ^ W3C 2003, 1 Область применения.
  4. ^ «Определение существительного PNG из Оксфордского словаря для продвинутых учащихся» . Оксфордские словари для учащихся . Проверено 21 января 2018 г.
  5. ^ «Описание файла портативной сетевой графики .PNG» . surferhelp.goldensoftware.com . Проверено 12 августа 2022 г.
  6. ^ Рулофс, Грег. «Веб-обзор: PNG НЕ GIF!». People.apache.org . Проверено 24 ноября 2021 г.
  7. ^ Т. Бутелл; и другие. (март 1997 г.). Спецификация PNG (переносимая сетевая графика) версии 1.0. IESG . сек. 3. дои : 10.17487/RFC2083 . РФК 2083.
  8. ^ «Регистрация нового типа носителя image/png» . ИАНА . 27 июля 1996 г.
  9. Лимер, Эрик (30 октября 2019 г.). «GIF мертв. Да здравствует GIF». Популярная механика . Проверено 21 ноября 2022 г.
  10. ^ Рулофс 1999, Глава 7. История формата портативной сетевой графики.
  11. ^ abcd W3C 2003, 11.2.2 Заголовок изображения IHDR
  12. Рулофс, Грег (29 сентября 2011 г.). «Спецификация и расширения портативной сетевой графики (PNG)». libpng . Проверено 15 августа 2021 г.
  13. ^ Бутелл, Т. (1 октября 1996 г.). Спецификация PNG (переносимая сетевая графика) 1.0. W3C . сек. 8.4. дои : 10.17487/RFC2083 . RFC 2083. PNG сам по себе является строго форматом одного изображения. (...) В будущем может быть определен формат нескольких изображений на основе PNG. Такой формат будет считаться отдельным форматом файла.
  14. Бутелл, Томас (1 октября 1996 г.). Спецификация PNG (переносимая сетевая графика) 1.0. дои : 10.17487/RFC2083 . РФК 2083.
  15. ^ W3C 2003, подпись 5.2 PNG.
  16. ^ W3C 2003, 5.3 Расположение фрагментов.
  17. ↑ ab Laphroaig, Манул (31 октября 2017 г.). PoC или GTFO. Нет крахмального пресса. ISBN 9781593278984. Каждый фрагмент состоит из четырех частей: длина, тип фрагмента, данные фрагмента и 32-битная CRC. Длина представляет собой 32-битное целое число без знака, указывающее размер только поля данных фрагмента.
  18. Лафройг, Манул (31 октября 2017 г.). PoC или GTFO. Нет крахмального пресса. ISBN 9781593278984. Тип фрагмента — это 32-битный код FourCC, например IHDR, IDAT или IEND.
  19. ^ W3C 2003, 11.2.4 Данные изображения IDAT.
  20. ^ W3C 2003, трейлер изображения 11.2.5 IEND.
  21. ^ W3C 2003, 11.3.3.3 Встроенный профиль ICC iCCP.
  22. ^ Томас Копп (17 апреля 2008 г.). «Цифровые подписи PNG: спецификация расширения».
  23. ^ «Расширения спецификации PNG 1.2, версия 1.5.0» . ftp-osl.osuosl.org .
  24. ^ W3C 2003, 11.3.3.2 gAMA Гамма изображения.
  25. ^ W3C 2003, 11.3.5.3 pHYs Физические размеры пикселей.
  26. ^ W3C 2003, 11.3.3.4 sBIT Значимые биты.
  27. ^ «Спецификация PNG (портативная сетевая графика) \ Версия 1.0» . w3.org . Проверено 30 мая 2022 г.4.2.6. sBIT Значимые биты, всего 13 байт — тип цвета 2 и 3 в сумме составляет 6 байт.
  28. ^ Рулофс 2003, Значимые биты (sBIT) «Изображения в оттенках серого являются самыми простыми; sBIT затем содержит один байт, указывающий количество значащих битов в исходных данных»
  29. ^ «Спецификация PNG: Характеристики фрагментов» .
  30. ^ "Новости PNG за 2006 год" . Libpng.org.
  31. ^ ab «Спецификация PNG: Обоснование». w3.org .
  32. ^ W3C 2003, 9 Фильтрация.
  33. ^ «Алгоритмы фильтрации». Спецификация PNG .
  34. ^ Пэт, Алан В. (1991). Арво, Джеймс (ред.). «Сжатие файлов изображений стало проще». Графические драгоценности 2 . Academic Press, Сан-Диего: 93–100. дои : 10.1016/B978-0-08-050754-5.50029-3. ISBN 0-12-064480-0. Значок закрытого доступа
  35. ^ Крокер, Ли Дэниел (июль 1995 г.). «PNG: формат портативной сетевой графики». Журнал доктора Добба . 20 (232): 36–44.
  36. ^ «Введение в PNG». nuwen.net . Проверено 20 октября 2010 г.
  37. ^ «Могу ли я использовать... Таблицы поддержки HTML5, CSS3 и т. д.» caniuse.com . Проверено 6 февраля 2021 г.
  38. ^ «iOS 8 и iPhone 6 для веб-разработчиков и дизайнеров: следующая эволюция Safari и собственных веб-приложений» . mobilexweb.com. 17 сентября 2014 года . Проверено 24 сентября 2014 г.
  39. ^ Скрогго (14 марта 2017 г.). "хром/хром/src/7d2b8c45afc9c0230410011293cc2e1dbb8943a7". chromium.googlesource.com . Проверено 31 марта 2017 г.
  40. ^ хром-крон; и другие. (27 марта 2017 г.). "хром/хром/src/59.0.3047.0..59.0.3053.0". chromium.googlesource.com . Проверено 31 марта 2017 г.
  41. ^ «Dev.Opera — Что нового в Chromium 59 и Opera 46» . dev.opera.com . Проверено 11 сентября 2022 г.
  42. ^ «Голосование не удалось: APNG 20070405a» . 20 апреля 2007 г. Архивировано из оригинала 3 февраля 2008 г.
  43. ^ «Сравнение предложений по анимации PNG Group + тестовое программное обеспечение» . xs4all.nl . Архивировано из оригинала 24 января 2009 года.
  44. ^ abc Deutsch, Л. Питер; Гайи, Жан-Лу (май 1996 г.). "rfc1950". Ietf Datatracker . Проверено 18 августа 2021 г.
  45. ^ Дойч, Л. Питер (май 1996 г.). "rfc1951". Ietf Datatracker . Проверено 18 августа 2021 г.
  46. ^ «Базовое введение в функции PNG» . Libpng.org . Проверено 20 октября 2010 г.
  47. ^ «GIF, PNG, JPG. Какой использовать?». Сайтpoint.com. 3 августа 2009 года . Проверено 20 октября 2010 г.
  48. ^ «Расширения спецификации PNG 1.2, версия 1.5.0» . Проверено 5 мая 2020 г.
  49. ^ «T.87: Сжатие без потерь и почти без потерь неподвижных изображений с непрерывным тоном - базовый уровень» . Международный союз электросвязи . Проверено 20 марта 2011 г.
  50. ^ abcdefg Roelofs 2003, Глава 9. Сжатие и фильтрация
  51. ^ "libpng" . Проверено 13 июля 2013 г.
  52. ^ «Использование изображений PNG для отображения данных» . Центр водных наук Орегона. 16 февраля 2006 г.
  53. ^ «Почему на веб-страницах GNU нет файлов GIF» . Операционная система GNU . 16 декабря 2008 г.
  54. ^ "Информационный бюллетень PNG" . Консорциум Всемирной паутины . 7 октября 1996 г.
  55. ^ «Страница ресурсов для gif2png 2.5.11» . catb.org .
  56. ^ «Сжечь все GIF-файлы». сайт burnallgifs.org .
  57. ^ «Прозрачность PNG в Internet Explorer» . Журнал ПК . 5 октября 2004 г.
  58. ^ abcd «Браузеры с поддержкой PNG». 14 марта 2009 г.
  59. ^ «Проводник Windows аварийно завершает работу, когда я нажимаю на PNG-файл Fireworks, чтобы просмотреть его» . Системы Adobe . 5 июня 2007 г.
  60. ^ «Невозможно просмотреть изображения в формате PNG с помощью Internet Explorer 4.0» . База знаний Майкрософт .
  61. ^ «Файлы PNG, находящиеся внутри тега объекта, печатаются как негативное изображение» . База знаний Майкрософт .
  62. ^ «Изображения PNG печатаются неправильно в Internet Explorer 5.01» . База знаний Майкрософт .
  63. ^ «Вы не можете просматривать некоторые изображения PNG в Internet Explorer 6» . База знаний Майкрософт .
  64. ^ «Вы не можете использовать Internet Explorer 6 для открытия файла PNG, который содержит один или несколько фрагментов IDAT нулевой длины» . База знаний Майкрософт .
  65. ^ «Часто задаваемые вопросы по PNG» .
  66. ^ «Доктор философии: Портативная сетевая графика теряет прозрачность в веб-браузере» . База знаний Майкрософт .
  67. ^ «Файлы PNG не показывают прозрачность в Internet Explorer» . База знаний Майкрософт .
  68. Ловитт, Майкл (21 декабря 2002 г.). «Кросс-браузерная переменная непрозрачность с PNG: реальное решение». Список врозь . Архивировано из оригинала 18 августа 2011 года . Проверено 21 июля 2009 г.
  69. ^ «IE7 альфа-прозрачный PNG + непрозрачность» . Канал 9 . Архивировано из оригинала 27 августа 2011 года . Проверено 23 января 2009 г.
  70. ^ Фулбрайт, Майкл (1999). «Дорожная карта библиотеки GNOME 1.0». Архивировано из оригинала 30 января 2010 года . Проверено 19 декабря 2007 г.
  71. ^ «Windows Vista – Значки» . ООдин . 2007. Архивировано из оригинала 11 ноября 2007 года . Проверено 12 ноября 2007 г.
  72. ^ «PNG может быть форматом с потерями» . Pngmini.com . Проверено 1 февраля 2014 г.

дальнейшее чтение

Внешние ссылки