JPEG и PNG — в чём разница форматов?

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

Формат JPEG

JPEG (он же JPG) — это формат изображений, который использует сжатие с потерями качества и не поддерживает прозрачность. Позволяет настраивать уровень качества сохраняемого изображения — при снижении уровня качества часть данных удаляется для уменьшения размера файла — визуально заметно, что удаляются детали и добавляются шумы к изображению, однако размер становится более компактным. JPG в зависимости от настроек может обеспечить сжатие как 2:1, так и 100:1 — но качество обратно пропорционально коэффициенту сжатия. Название формата — аббревиатура от Joint Photographic Experts Group.

JPEG поддерживает миллионы цветов (24 бита) и подходит для сложных изображений; есть поддержка цветовых пространств 24-битного RGB и CMYK, а также 8-битного Grayscale. Но пространства CMYK и Grayscale используются достаточно редко, и их поддержка вызывает нарекания.

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

Расширения файлов — .jpg и .jpeg (работают идентично).

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

Формат PNG

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

PNG поддерживает цветовую глубину до 48 бит, но чаще используется 24-битный вариант. Существует также формат PNG 8 — он более компактный, чем PNG 24, но применим только для изображений с очень ограниченным количеством цветов: 256 — это максимум. В случае использования PNG 8 для изображений с большим количеством цветов придётся сократить палитру до 256 цветов, что приведёт к эффекту постеризации.

PNG до 2017 года не поддерживал EXIF, но затем его поддержка была реализована в стандарте. В фотографии PNG используется редко — для компактного хранения файлов больше подходит JPEG, а для профессиональной работы лучше подходит RAW‑формат DNG.

PNG 24 и PNG 8 используют расширение .png. Используемая битность записывается в метаданные файла и по расширению не определяется.

С прикладной точки зрения PNG 24 оптимален для изображений с небольшим количеством цветов, например, для иконок, схем, рисунков, скриншотов, инфографики и текста. Если же цветов в изображении не больше 256, то ещё более эффективное сжатие возможно в PNG 8. PNG также подходит для изображений с прозрачностью. Для фотографий и других сложных изображений PNG не очень подходит, так как другие форматы (тот же JPEG) позволяют получить заметно меньший размер файла при идентичном качестве изображения.

Резюме: JPEG и PNG — какой формат оптимальнее использовать?

Используйте сильные стороны каждого формата для достижения оптимального результата.

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

Иконки, схемы, картинки с большим количеством текста, а также изображения с прозрачностью оптимальнее сохранять в PNG. Алгоритм компрессии PNG сжимает изображения без потерь качества.

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