PNG и JPG - что выбрать

При создании изображений возникает вопрос в каком формате их сохранять. Самыми популярными форматами являются PNG и JPG (JPEG), они занимают 30% и 28% всех изображений в интернете.

Чем лучше качество, тем больше вес файла.

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

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

При сохранении изображений есть выбор качества. PNG можно сохранить с сжатием, чтобы уменьшить вес файла. Если выбрать 100% качество для JPG, оно все равно будет сжато, просто с меньшими потерями.

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

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

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

Можно сказать, что PNG подходит под вариант по умолчанию, но есть нюансы..

При загрузке изображений в интернет, сервисы обычно сжимают их и конвертируют.

Так например изображение PNG может быть конвертировано в JPG. Если изображение имеет прозрачный фон, то при конвертации он будет заполнен цветом, так как JPG не может быть прозрачным. В качестве заполнения обычно используется черный или белый цвет.

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

Как можно понять, все эти вещи являются очень важными для сервисов и ваши изображения вероятно будут сжаты.

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

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

Проблема скорее всего в алгоритме самого сервиса, но JPG меня в любом случае устраивает. Вы вряд ли будете обращать внимание на визуальную разницу PNG и JPG - они оба выглядят достаточно хорошо.

JPEG это аббревиатура "Joint Photographic Experts Group" - Объединенная группа экспертов в области фотографии. Формат назван в честь одноименного комитета разработчиков, которые создали формат в 1992 году.

PNG это аббревиатура "Portable Network Graphics" - Портативная сетевая графика. Формат появился в 1996 году.

Путеводитель по контенту