Сравнение форматов
PNG или JPG: какой формат изображения использовать?
PNG и JPG решают разные задачи: PNG хранит пиксели без потерь и поддерживает прозрачность, JPG отбрасывает детали, которые глаз почти не замечает, и делает фото значительно меньше. Выбирайте по содержимому, а не по привычке: интерфейсам и тексту нужен PNG, фотографиям нужен JPG.
Что PNG делает лучше всего
PNG не теряет данные: каждый пиксель сохраняется в точности, сколько бы раз вы ни открывали и ни пересохраняли файл. Поэтому это правильный формат для скриншотов, макетов интерфейсов, логотипов, схем и всего с резкими краями или текстом, и только он из этих двух поддерживает настоящую прозрачность (альфа-канал). Платить приходится размером: на фотографии PNG легко весит в несколько раз больше эквивалентного JPG.
Что JPG делает лучше всего
JPG создан для фотографий: плавные градиенты, естественные текстуры, миллионы цветов. Его сжатие с потерями отбрасывает детали, которые глаз почти не замечает, и резко уменьшает фото даже на высоких настройках качества. У него нет прозрачности, и он размазывает резкие края, поэтому текст и скриншоты в JPG выглядят мутно. Потери ещё и накапливаются: каждое пересохранение JPG понемногу его портит.
Конвертируйте и сравнивайте в браузере
Самый быстрый способ определиться это проверить на собственном изображении: загрузите его в компрессор изображений, выберите JPEG как формат вывода и сравните размер и визуальный результат бок о бок с оригиналом. Встроенный в браузер кодировщик canvas обрабатывает и PNG, и JPEG, поэтому конвертация происходит целиком во вкладке, без загрузки на сервер. Вы можете перетащить скриншот и фотографию в один пакет и с первого взгляда увидеть, какой формат подходит каждому.
Инструменты из этого гайда
- Сжать изображения Уменьшите размер файла изображения без загрузки. Ползунок качества или целевой размер в KB. Поддержка пакетной обработки.
- Изменить размер изображений Меняйте размер и конвертируйте изображения (JPEG, PNG, WebP) без их загрузки.
- Изображение в Base64 Конвертируйте изображения в data URI Base64 (и обратно) прямо в браузере. Копирование, CSS-фрагмент, без загрузки.
Частые вопросы
Скриншоты сохранять в PNG или JPG?
В PNG. Скриншоты полны текста и резких краёв, а именно их сжатие JPG размазывает в первую очередь. Скриншот, сохранённый в JPG, получает мутные буквы и ореолы вокруг контуров; PNG остаётся идеально чётким и для интерфейсного содержимого часто не намного тяжелее.
Вернёт ли качество конвертация JPG обратно в PNG?
Нет. Всё, что сжатие JPG отбросило, потеряно навсегда; конвертация в PNG лишь сохранит уже повреждённые пиксели без потерь, в гораздо более крупном файле. Конвертируйте PNG в JPG, когда нужно более лёгкое фото, но храните исходный PNG, если он может понадобиться для правок.