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

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

Формат JPEG

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

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

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

Используемые расширения для файлов — .jpg and .jpeg (работают идентично).

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

Формат PNG

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

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

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

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

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

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

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

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

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

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