Файлы PNG: без потерь, с прозрачностью и часто больше, чем вы ожидаете
Почему PNG точен, когда он лучше JPG и почему фотография, сохранённая в PNG, получается огромной. Конвертируйте PNG в браузере, без загрузки.
Кратко
- Тип
- Изображения
- Сжатие
- Без потерь
- Расширения
- .png
- MIME-тип
- image/png
- Другие названия
- Portable Network Graphics
PNG создали в 1996 году по вполне конкретной причине: GIF использовал сжатие LZW, LZW был запатентован, а вебу требовалась свободная замена. Результат оказался лучше предшественника по всем параметрам — 24-битный цвет вместо 256 цветов, настоящий альфа-канал вместо одного прозрачного индекса и сжатие DEFLATE, которое действительно работает без потерь. Декодируйте PNG — и вы каждый раз получите ровно те пиксели, которые в него записали.
Подробнее
Всё дело в сжатии без потерь, и у него две стороны. PNG — правильный формат для скриншотов, схем, штриховой графики, логотипов и всего, где есть текст: он воспроизводит резкие края в точности, тогда как JPEG оставляет вокруг них мягкую дымку. И неправильный — для фотографий, потому что описать без потерь изображение, где нет двух одинаковых соседних пикселей, можно только огромным количеством байтов. Фото, которое в JPG весит 800 КБ, в PNG может занять 5 МБ и при этом не выглядеть лучше.
Вторая причина, по которой PNG держится, — альфа-канал. Восемь бит прозрачности на пиксель дают по-настоящему мягкие края: сглаженный текст, тени, логотип, который можно положить на любой фон. Именно поэтому PNG остаётся форматом обмена в дизайне, хотя WebP сегодня сжимает те же пиксели заметно лучше.
Две детали, которые стоит знать. PNG бывает палитровым (до 256 цветов, как GIF) или полноцветным, и палитровый PNG с плоской графикой может быть радикально меньше — поэтому некоторые оптимизаторы уменьшают файлы без видимых изменений. Кроме того, PNG хранит ровно одно изображение: анимация живёт в отдельном расширении APNG, которое большинство программ не создаёт, поэтому анимированный GIF, сконвертированный здесь в PNG, превращается только в свой первый кадр.
Конвертировать PNG в другие форматы
Конвертировать другие форматы в PNG
PDFвPNG
Каждая страница становится изображением; несколько страниц приходят в ZIPWebPвPNG
Каждый пиксель сохраняется в точностиHEICвPNG
Каждый пиксель сохраняется в точностиJPGвPNG
Каждый пиксель сохраняется в точностиSVGвPNG
Каждый пиксель сохраняется в точностиAVIFвPNG
Каждый пиксель сохраняется в точностиGIFвPNG
Каждый пиксель сохраняется в точностиICOвPNG
Каждый пиксель сохраняется в точностиTIFFвPNG
Каждый пиксель сохраняется в точностиBMPвPNG
Каждый пиксель сохраняется в точности
Вопросы и ответы: PNG
PNG действительно сжимает без потерь?
Да, буквально. Декодирование PNG возвращает ровно те пиксели, которые были закодированы. Он сжимает, находя избыточность, — так же, как ZIP сжимает документ, — а не отбрасывая детали.
Почему мой PNG намного больше JPG?
Потому что он хранит реальную информацию о каждом пикселе. В фотографиях нет двух одинаковых соседних пикселей, и по правилам сжатия без потерь они сжимаются плохо, а JPG получил свой маленький размер именно за счёт отброшенных деталей.
Когда использовать PNG вместо JPG?
Для скриншотов, текста, схем, штриховой графики, логотипов и всего, где нужна прозрачность. А также перед редактированием, если вы собираетесь сохранять файл много раз: PNG не накапливает повреждения, как JPG.
Станет ли JPG лучше, если сконвертировать его в PNG?
Нет. Это остановит дальнейшие потери, но не вернёт того, что JPG уже отбросил. Эти артефакты стали частью изображения, и PNG добросовестно их сохранит.
Поддерживает ли PNG анимацию?
Только через отдельное расширение APNG, которое большинство программ не создаёт. PNG содержит одно изображение, поэтому при конвертации анимированного GIF здесь вы получите его первый кадр.
PNG или WebP?
WebP сжимает те же пиксели заметно лучше и тоже поддерживает прозрачность, так что для веба он предпочтительнее. PNG остаётся более надёжным форматом обмена для графических программ и всего, что должно открываться где угодно.
Зачем конвертировать PNG в BMP?
Только если этого требует программа: некоторые старые утилиты Windows, научные приборы и код для микроконтроллеров читают только сырые пиксели. BMP не сжимается, поэтому файл станет намного больше, а прозрачность пропадёт.
Можно ли здесь сделать favicon из PNG?
Да, с одной оговоркой: на выходе получаются данные PNG в файле с расширением .ico. Браузеры принимают такой файл как favicon, но это не настоящий многоразмерный ICO, и в качестве значка приложения Windows он не подойдёт.