Просмотр кода страницы PNG

{{Файловый формат
| название = PNG
| logo =
| screenshot =
| caption =
| owner = PNG Development Group
| released = 1 октября 1996
| latest release version =
| latest release date =
| genre = [[Растровая графика]]
| extended from =
| extended to = [[APNG]], [[JNG]], [[MNG]]
| standard = [http://www.iso.org/iso/iso_catalogue/catalogue_tc/catalogue_detail.htm?csnumber=29581 ISO 15948], RFC 2083
| free = Да
| url = [http://libpng.org/pub/png/ libpng.org/pub/png/]
}}
'''PNG''' ({{lang-en|portable network graphics}}, сокращение произносится по-английски {{IPA|/pɪŋ/}}<ref>[http://www.libpng.org/pub/png/#history PNG (Portable Network Graphics) Home Site<!-- Заголовок добавлен ботом -->] {{Wayback|url=http://www.libpng.org/pub/png/#history |date=20041016081746 }} {{ref|en}}</ref>) — [[растровая графика|растровый]] формат хранения графической информации, использующий [[сжатие без потерь]] по алгоритму [[Deflate]].

PNG был создан как [[Свободное программное обеспечение|свободный]] формат для замены [[GIF]], поэтому в Интернете появился [[рекурсивный акроним]] «PNG is Not GIF»<ref name=autogenerated1>{{Cite web |url=http://www.libpng.org/pub/png/#history |title=PNG (Portable Network Graphics) Home Site<!-- Заголовок добавлен ботом --> |access-date=2004-09-08 |archive-date=2004-10-16 |archive-url=https://web.archive.org/web/20041016081746/http://www.libpng.org/pub/png/#history |url-status=live }}</ref> (PNG — не GIF).

== История формата ==
4 января 1995 года Томас Боутелл предложил в ряде конференций [[Usenet]] создать свободный формат, который был бы не хуже GIF. Через три недели после публикации идеи были разработаны четыре версии нового формата. Вначале он имел название PBF (Portable Bitmap Format), а нынешнее имя получил 23 января 1995 года. Уже в декабре того же года спецификация PNG версии 0.92 была рассмотрена консорциумом [[Консорциум Всемирной паутины|W3C]], а с выходом 1 октября 1996 года версии 1.0 PNG был рекомендован в качестве полноправного сетевого формата.

В июне 2025 года формат получил официальную поддержку [[HDR]], [[APNG]] (анимированные файлы PNG) и Exif-метаданных<ref>{{cite web|url=https://3dnews.ru/1125111/obnovilsya-format-izobrageniy-png-teper-v-nyom-poddergivaetsya-hdr-animatsiya-i-exif|title=Обновился формат изображений PNG — теперь в нём поддерживается HDR, анимация и Exif|publisher=[[3dnews.ru]]|date=2025-06-29|access-date=2025-06-29}}</ref>.

== Область применения ==
<!--Внимание! В данном разделе используется один или несколько локальных шаблонов. Их можно найти по адресу шаблон: local/PNG -->
{{{{local}}|PNG transparency demonstration 1.png|240|Изображение в формате PNG с 8-битным каналом прозрачности поверх шахматного фона, который обычно используется в графических редакторах для индикации прозрачности}}
Формат PNG спроектирован для замены устаревшего и более простого формата [[GIF]], а также, в некоторой степени, для замены значительно более сложного формата [[TIFF]]<ref name=autogenerated1 /><ref>{{Cite web |url=http://www.libpng.org/pub/png/ |title=PNG (Portable Network Graphics) Home Site<!-- Заголовок добавлен ботом --> |access-date=2004-09-08 |archive-date=2004-10-16 |archive-url=https://web.archive.org/web/20041016081746/http://www.libpng.org/pub/png/ |url-status=live }}</ref>. Формат PNG позиционируется прежде всего для использования в [[Интернет]]е и редактирования графики.

PNG поддерживает три основных типа [[Растровая графика|растровых изображений]]<ref>[http://www.libpng.org/pub/png/pngintro.html A Basic Introduction to PNG Features] {{Wayback|url=http://www.libpng.org/pub/png/pngintro.html |date=20070408175319 }}{{ref|en}}</ref>:
* [[Полутоновое изображение]] (с [[глубина цвета|глубиной цвета]] 16 бит);
* [[Цветное индексированное изображение]] (палитра 8 бит для цвета глубиной 24 бит);
* [[Полноцветное изображение]] (с глубиной цвета 48 бит).

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

Он имеет следующие основные преимущества перед GIF:
* практически неограниченное<ref>В PNG количество цветов всё же имеет предел, но, в отличие от GIF, оно ограничено 2<sup>48</sup> цветами (3×16 [[бит]]).</ref> количество цветов в изображении (GIF использует в лучшем случае 8-битный цвет);
* опциональная поддержка [[альфа-канал]]а;
* возможность [[гамма-коррекция|гамма-коррекции]];
* двумерная [[чересстрочная развёртка]];
* возможность расширения формата пользовательскими блоками (на этом основан, в частности, [[APNG]]).

Формат GIF был разработан фирмой [[CompuServe]] в 1987 году и изначально был недоступен для свободного использования. До окончания в 2004 году действия патентов на алгоритм сжатия [[Алгоритм Лемпеля — Зива — Велча|LZW]], принадлежавших [[Unisys]] и используемых в GIF, его применение в [[свободное программное обеспечение|свободном программном обеспечении]] было затруднено. Теперь такие затруднения сняты. PNG же с самого начала использует открытый, непатентованный алгоритм сжатия [[Deflate]], бесплатные реализации которого доступны в Интернете. Этот же алгоритм используют многие программы компрессии данных, в том числе [[PKZIP]] и [[gzip]] (GNU zip).

Формат PNG обладает более высокой степенью сжатия для файлов с большим количеством цветов, чем GIF, но разница составляет около 5-25 %, что недостаточно для абсолютного преобладания формата, так как небольшие 2-16-цветные файлы формат GIF сжимает с не меньшей эффективностью.

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

Различные реализации алгоритма Deflate дают разную степень сжатия, поэтому были созданы программы для пережатия изображений с несколькими вариантами настроек в целях получения наилучшего сжатия — например, [[форк]] [[pngcrush]] [[OptiPNG]] и advpng из комплекта [[AdvanceCOMP]] (использует [[7-Zip]]).

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

Для передачи [[Мультипликация|анимированных]] изображений был разработан расширенный формат [[MNG]], опубликованный в середине 1999 года и уже поддерживаемый в различных приложениях, однако пока так и не ставший общепринятым.

Некоторые — в частности, разработчики [[Mozilla Foundation]] — критиковали MNG за сложность и большой размер реализации, и отсутствие обратной совместимости с PNG. В 2004 году они разработали формат [[APNG]], который не был принят в качестве официального стандарта разработчиками PNG и MNG, но его поддержка к 2008 году была реализована в тестовых сборках некоторых [[браузер]]ов и некоторых программах [[Программа для просмотра изображений|просмотра изображений]].

== Совместимость с браузерами ==
Не все [[веб-браузер]]ы одинаково отображают содержимое png-файла. Проблемными местами могут быть:
# частичная прозрачность ([[альфа-канал]]).
# поддержка прозрачности в палитре.
# гамма-коррекция.
# [[цветовая коррекция]] ([[ICC-профиль|ICC]]).

Проблема поддержки 32-битной (полной) прозрачности картинки формата PNG в Microsoft [[Internet Explorer]] была решена в седьмой версии браузера. Для остальных версий IE есть несколько способов, которые помогут веб-мастеру добиться прозрачности путём включения в веб-страницу специальных функций и скриптов.

== Название ==
* Неофициально PNG расшифровывают как «PNG is Not GIF» («PNG — это не GIF») по аналогии с известным [[Рекурсивный акроним|рекурсивным акронимом]] «[[GNU]] is Not [[UNIX]]» («GNU — это не UNIX»).
* PNG произносится по-английски так же, как слово [[ping]]<ref>[http://www.libpng.org/pub/png/pngintro.html#pronunciation A Basic Introduction to PNG Features / Pronunciation] {{Wayback|url=http://www.libpng.org/pub/png/pngintro.html#pronunciation |date=20070408175319 }}{{ref|en}}</ref>, то есть [{{IPA|pɪŋ}}].

== Формат файла<ref>{{Cite web|url=https://habr.com/ru/articles/130472/|title=PNG — not GIF!|lang=ru|website=Хабр|date=2011-10-15|access-date=2023-12-28|archive-date=2023-12-28|archive-url=https://web.archive.org/web/20231228035427/https://habr.com/ru/articles/130472/|url-status=live}}</ref><ref>PNG</ref> ==

=== Заголовок файла ===
PNG файл начинается с 8 байт [[Магическое число (программирование)#Сигнатура данных|подписи файла]]

{| class="wikitable"
! scope="col" | Значение ([[Шестнадцатеричная система счисления|hex]])
! scope="col" | Назначение
|-
|<code>89</code>
|Non-ASCII символ. Препятствует распознаванию PNG, как текстового файла.
|-
|<code>50&nbsp;4E&nbsp;47</code>
|PNG в [[ASCII]] записи.
|-
|<code>0D 0A</code>
|[[CRLF]], [[DOS]]-style перевод строки.
|-
|<code>1A</code>
|Останавливает вывод файла в DOS режиме (end-of-file).
|-
|<code>0A</code>
|[[LF]], Unix-style перевод строки.
|}

=== Чанки (Chunks) ===
Чанки — это блоки данных, из которых состоит файл. Каждый чанк состоит из 4 секций.

{| class="wikitable" style="text-align: center;"
|-
! style="width: 8em" | Length (длина)
! style="width: 8em" | Type (тип)
! style="width: 16em"| Data (данные)
! style="width: 8em" | CRC
|-
| 4 байта
| 4 байта
| ''Length'' байт
| 4 байта
|}

'''Длина'''

Длина — это числовое значение длины блока данных.

'''Тип'''

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

* Регистр первого символа определяет является ли данный чанк критическим (верхний регистр) или вспомогательным (нижний регистр). Критические чанки должны распознаваться каждым декодером. Если декодер встречает критический чанк, тип которого не может распознать, он обязан завершить выполнение с ошибкой.
* Регистр второго символа задаёт «публичность» (верхний регистр) или «приватность» (нижний регистр) чанка. «Публичные» чанки — официальные, задокументированные, распознаваемые большинством декодеров. Но если понадобится кодировать специфическую информацию, то в имени чанка нужно сделать второй символ маленьким.
* Регистр третьего символа оставлен для будущих свершений. Предполагается, что он будет использоваться для дифференциации различных версий стандарта. Для версий 1.0 и 1.1 третий символ должен быть большим. Если он оказался маленьким, все нынешние декодеры должны поступать с чанком, так же как и с любым другим не распознанным (то есть выходить с ошибкой если чанк критический, или пропускать в противном случае).
* Регистр же четвертого символа означает возможность копирования данного чанка редакторами, которые не могут его распознать. Если регистр нижний, чанк может быть скопирован, вне зависимости от степени модификации файла, иначе (верхний регистр) он копируется только в случае, когда при модификации не были затронуты никакие критические чанки.

==== Критические чанки ====
* ''IHDR'' — заголовок файла, содержит основную информацию об изображении. Обязан быть первым чанком. Блок данных в ''IHDR'' содержит следующие поля:
** Ширина, 4 байта.
** Высота, 4 байта.
** Битовая глубина (bit depth), определяет количество бит на каждый сэмпл (не пиксель), 1 байт.
** Тип цвета, состоит из 3 флагов 1 (используется палитра), 2 (используется цвет, не монохромное изображение), и 4 (присутствует альфа-канал), 1 байт.
** Метод сжатия. На данный момент доступно только значение 0 — сжатие по алгоритму [[deflate]]. Если значение отлично от 0, чанк считается нераспознанным, и декодер рапортует об ошибке. 1 байт.
** Метод фильтрации. Так же, как и в случае сжатия, на данный момент может быть только нулём. 1 байт.
** Interlace (переплетение) метод. Определяет порядок передачи данных. На данный момент доступно 2 значения: 0 (no interlace) и 1 ([[Adam7]] interlace). 1 байт.
* ''PLTE'' — палитра, список цветов.
* ''IDAT'' — содержит, собственно, изображение. Рисунок можно разбить на несколько IDAT чанков, для потоковой передачи. В каждом файле должен быть хотя бы один IDAT чанк. Содержит данные, закодированные, в соответствии с полем метода сжатия в заголовке.
* ''IEND'' — завершающий чанк, обязан быть последним в файле. Сигнализирует о конце файла, блок данных этого чанка не содержит ничего.

==== Вспомогательные чанки ====
* ''bKGD'' — этот чанк задаёт основной фоновый цвет.
* ''cHRM'' — используется для задания CIE 1931 цветового пространства.
* ''gAMA'' — определяет гамму.
* ''hIST'' — в этом чанке может храниться гистограмма или общее содержание каждого цвета в изображении.
* ''iCCP'' — цветовой профиль ICC.
* ''iTXt'' — содержит текст в [[UTF-8]], возможно сжатый, с необязательной языковой меткой iTXt чанк с ключевым словом 'XML:com.adobe.xmp' [[Extensible Metadata Platform|Extensible Metadata Platform (XMP)]].
* ''pHYs'' — содержит предполагаемый размер пикселя и/или отношение сторон изображения.
* sBIT (significant bits) — определяет «цветовую точность» (color-accuracy) изображения (чёрно-белое, полный цвет, чёрно-белое с прозрачностью и т. д.), для более простого декодирования.
* ''sPLT'' — предлагает палитру для использования, если полный спектр цветов недоступен.
* ''sRGB'' — свидетельствует об использовании стандартной [[sRGB]] схемы.
* ''sTER'' — индикатор стереоскопических изображений.
* ''tEXt'' — может содержать текст в [[ISO/IEC 8859-3|ISO/IEC 8859-1]] формате, с одной name=value парой для каждого чанка.
* ''tIME'' — хранит дату последнего изменения изображения.
* ''tRNS'' — содержит информацию о прозрачности.
* ''zTXt'' — сжатый текст, с теми же ограничениям, что и tEXt.

== См. также ==
* [[libpng]]
* [[Adam7]]
* [[APNG]]
* [[Pi формат|Pi (Power image)]]

== Примечания ==
{{примечания}}

== Ссылки ==
* {{Cite web
 |url         = http://www.w3.org/TR/PNG/
 |title       = Portable Network Graphics (PNG) Specification (Second Edition)
 |lang        = en
 |date        = 2003-11-10
 |access-date  = 2007-12-21
 |description = Рекомендация ISO/IEC спецификации PNG от W3C
 |archive-url  = https://www.webcitation.org/61839GJ5U?url=http://www.w3.org/TR/PNG/
 |archive-date = 2011-08-22
 |url-status    = dead
}}
* Сергей Чикуенок. Про PNG. <!-- [https://web.archive.org/web/20071221072605/http://www.artlebedev.ru/tools/technogrette/etc/png-1/ Часть 1]; [https://web.archive.org/web/20080903014828/http://www.artlebedev.ru/tools/technogrette/etc/png-2/ 2]; [https://web.archive.org/web/20080902191546/http://www.artlebedev.ru/tools/technogrette/etc/png-3/ 3]; [http://www.artlebedev.ru/tools/technogrette/etc/png-4/ 4]{{Недоступная ссылка|date=2018-05|bot=InternetArchiveBot }}--> [https://www.artlebedev.ru/technogrette/img/png-1/ Часть 1]; [https://www.artlebedev.ru/technogrette/img/png-2/ 2]; [https://www.artlebedev.ru/technogrette/img/png-3/ 3]; [http://www.artlebedev.ru/technogrette/img/png-4/ 4] Студия Артемия Лебедева — о практическом применении формата в web
* {{Cite web
 |url         = http://rus-linux.net/zen/png_feature/png_feature.html
 |title       = PNG: Простое введение в особенности формата
 |author      = Иван Зенков и др.
 |date        = 2004
 |access-date  = 2008-12-14
 |url-status    = dead
 |archive-url  = https://web.archive.org/web/20110827153217/http://rus-linux.net/zen/png_feature/png_feature.html
 |archive-date = 2011-08-27
}}
* {{Cite web
 |url         = http://www.alistapart.com/articles/pngopacity/
 |title       = Cross-Browser Variable Opacity with PNG: A Real Solution
 |author      = Michael Lovitt.
 |publisher   = A List Apart Magazine
 |date        = 2002-12-21
 |lang        = en
 |access-date  = 2008-03-15
 |archive-url  = https://www.webcitation.org/6183B6tmI?url=http://www.alistapart.com/articles/pngopacity/
 |archive-date = 2011-08-22
 |url-status    = dead
}}

{{Форматы медиаданных}}

[[Категория:Графические форматы]]
[[Категория:Графика в Web]]
[[Категория:Форматы архивов]]
[[Категория:Алгоритмы сжатия без потерь]]
[[Категория:Стандарты W3C]]