JPG, PNG или WebP: какой формат выбрать?
У вас есть изображение и три распространённых способа его сохранить. Они не взаимозаменяемы: если выбрать не тот, получится либо размытая картинка, либо файл в десять раз больше, чем нужно. Вот как выбрать.
Короткий ответ
- Фото: JPG или WebP, если место, где вы его используете, принимает этот формат.
- Скриншоты, логотипы, диаграммы и всё с чётким текстом: PNG.
- Всё, что требует прозрачного фона: PNG или WebP. JPG прозрачность не поддерживает.
- Изображения для сайта: WebP обычно самый маленький вариант.
Все три рядом
| Формат | Лучше всего подходит для | Прозрачность | Сжатие |
|---|---|---|---|
| JPG | Фото и всё, что содержит плавные градиенты | No | С потерями: файлы меньше, часть деталей теряется |
| PNG | Скриншоты, логотипы, текст, штриховые рисунки | Да | Без потерь: ничего не теряется, файлы больше |
| WebP | Веб-изображения; хороший универсальный вариант | Да | С потерями или без потерь |
Почему фото подходят в формате JPG
В фото много тонких переходов цвета, и JPG устроен так, чтобы хранить их экономно, отбрасывая детали, которые глаз вряд ли заметит. При разумных настройках качества потери незаметны, а файл занимает лишь часть места по сравнению с тем же снимком в PNG.
Почему для скриншотов подходит PNG
Текст и резкие контуры — слабое место JPG: вокруг букв видны размытые ореолы. PNG сохраняет каждый пиксель без изменений, поэтому скриншоты и логотипы выглядят чётко. Цена — размер: фото в PNG быстро становятся очень большими.
Где уместен WebP
WebP — более новый формат, который может вести себя как любой из двух других. Он часто на 25–35 процентов меньше JPG при похожем качестве и поддерживает прозрачность. Все современные браузеры его поддерживают. Загвоздка в старом ПО: некоторые почтовые программы и редакторы всё ещё не открывают WebP, поэтому люди ищут, как превратить WebP обратно в JPG.
Что происходит при конвертации
- PNG в JPG сильно уменьшает фото. Прозрачные области не сохраняются, поэтому становятся сплошным цветом. Проверьте углы после конвертации. Используйте PNG в JPG.
- JPG в PNG не восстанавливает уже потерянные детали. Он только останавливает дальнейшие потери, и файл становится больше. Это полезно, когда нужна прозрачность или вы планируете много раз редактировать изображение. Используйте JPG в PNG.
- JPG в WebP — простой способ уменьшить размер для веб-страниц. Используйте JPG в WebP.
- WebP в JPG даёт файл, который открывает почти любая программа. Используйте WebP в JPG.
Полезная привычка
Каждый раз, когда вы пересохраняете изображение со сжатием с потерями, оно теряет ещё немного качества. Сохраняйте оригинал, конвертируйте из него и не пропускайте одну и ту же картинку через JPG снова и снова. Если нужен просто меньший файл, Сжатие изображения позволит выбрать качество напрямую или задать целевой размер в KB.
Конвертировать изображение
Смените формат в браузере. Изображение никуда не загружается.
Открыть JPG в WebP