JPG, PNG или WebP: какой формат изображения выбрать

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

Конвертер изображенийНужен JPG, а есть PNGСделать бесплатно

Сжатие с потерями и без потерь простыми словами

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

Какой формат для какой задачи

Фото: JPG. Он компактный, его принимают почти везде и он хорошо передаёт естественные цвета.
Скриншоты, схемы и снимки интерфейса: PNG. Текст и ровные цветовые заливки остаются чёткими.
Логотипы и вырезанные объекты: PNG или WebP, потому что оба формата сохраняют прозрачные области. JPG прозрачность не хранит.
Изображения на веб-страницах: WebP, а JPG или PNG оставляйте как запасной вариант там, где сайту это нужно.

Формат	Сжатие	Прозрачность	Лучше всего для	На что обратить внимание
JPG	С потерями	Нет	Фото, электронной почты, формы	Артефакты вокруг текста, нет прозрачности
PNG	Без потерь	Да	Скриншоты, логотипы, схемы	Большой размер для фотографий
WebP	С потерями или без	Да	Веб-страницы и современные приложения	Некоторые старые программы не открывают его
AVIF	С потерями или без	Да	Компактные изображения в современных браузерах	Слабее поддержка в старом ПО

Поддержка браузерами и приложениями

Современные основные браузеры отображают WebP, многие также отображают AVIF. С поддержкой в старых браузерах, почтовых клиентах, настольных программах и формах загрузки всё менее определённо, и в формах часто перечисляют допустимые типы файлов. Сначала проверьте форму. Если форма просит JPG или PNG, используйте именно этот формат, даже если WebP или AVIF получились бы меньше.

Конвертация без лишних потерь

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

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

Выбор для почты, печати и загрузок

Для почты и повседневной отправки JPG — самый надёжный выбор для фотографий, потому что его читают почти все программы и сервисы. Для графики с чёткими линиями, например логотипа, который нужно аккуратно напечатать, обычно лучше подходит PNG. Формы и типографии иногда перечисляют свои допустимые форматы, и эти списки важнее любых общих правил.

Короткий порядок выбора

Нужна ли изображению прозрачность? Используйте PNG или WebP.
Это фотография без прозрачности? Используйте JPG, или WebP, если получатель его принимает.
Это текст, скриншот или схема? Используйте PNG.
Файл пойдёт в форму или старую программу? Используйте тот формат, который перечисляет форма или программа.

Почему размеры файлов в разных форматах отличаются

Ни один формат не бывает самым маленьким всегда. Одна и та же фотография может быть меньше в WebP или AVIF, чем в JPG при похожем качестве, а простая плоская графика может быть меньше в PNG, чем в JPG. Содержимое картинки определяет большую часть результата, поэтому сравнивайте реальные файлы, а не полагайтесь на общее правило.

Храните исходник без потерь

По возможности сохраняйте оригинал в формате без потерь, например PNG скриншота или исходный файл с камеры. Делайте копии со сжатием с потерями под конкретные задачи. Тогда вы всегда сможете позже сделать JPG, WebP или файл меньшего размера и не начинать с испорченной копии.

Особые случаи с прозрачностью

PNG и WebP сохраняют мягкие края, поэтому логотип с лёгкой тенью или размытым краем выглядит гладко на цветном фоне. В JPG такой край не сохранить: тень либо заливается сплошным фоном, либо теряется. Если логотип должен стоять на разных фонах, храните прозрачную версию как главный файл и делайте JPG-копии только для мест, где они нужны. Если у логотипа пока нет прозрачной версии, сначала удалите его фон. О том, что происходит при сохранении такого файла в JPG, рассказано в статье почему прозрачный PNG становится чёрным.

Как сделать это в fixmint

Проверьте, какие форматы принимает форма или приложение. Их список важнее общих правил выше.
Перетащите исходный файл в конвертер изображений.
В поле «Конвертировать в» выберите JPG для фото или PNG для скриншотов, логотипов и прозрачности. WebP выбирайте только там, где его принимает получатель.
Для JPG оставьте «Качество» на 92 или выше, затем скачайте файл. Для нескольких файлов используйте «Скачать все (.zip)».
Если файл всё равно слишком большой, сожмите его.

Быстрые ответы

Что лучше, JPG или PNG? Для фотографий лучше JPG, потому что файл заметно меньше. Для скриншотов, текста и логотипов с прозрачностью лучше PNG, так как края остаются чёткими.

Можно ли безопасно использовать WebP? На сайтах — да, в современных браузерах. Для почты, форм и настольных программ безопаснее JPG, если только получатель не подтвердил, что WebP открывается.

Почему у моего логотипа с прозрачностью теперь белая рамка? Его сохранили в JPG, который не умеет хранить прозрачность. Сохраните его заново в PNG или WebP с помощью конвертера изображений.