JPG, PNG или WebP: какой формат выбрать?

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

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

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

Чтобы уменьшить JPG без смены формата, воспользуйтесь сервисом сжатия изображений; чтобы попробовать WebP — JPG в WebP.

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

Плата за это — размер. Фотография в PNG обычно в несколько раз больше хорошего JPG. По данным Web Almanac 2024 от HTTP Archive, медианный PNG в интернете использовал 3,8 бита на пиксель, против 2,0 у JPG и 1,3 у WebP.

Если в PNG фотография, конвертируйте её. Если графика — сожмите как PNG или попробуйте PNG в WebP: прозрачность при этом сохраняется.

Google создала WebP специально для веба, и он умеет и то и другое: сжимать с потерями, как JPG, или без потерь, как PNG, — и в обоих случаях с прозрачностью. По данным Google, файлы WebP без потерь на 26% меньше PNG, а WebP с потерями на 25–34% меньше сопоставимых JPG.

WebP отображают все актуальные популярные браузеры — около 97% используемых, включая Safari начиная с версии 14. Подвох — за пределами браузера. Некоторые платформы до сих пор не принимают загрузку WebP: например, Amazon, Etsy и Mailchimp указывают JPG и PNG, но не WebP.

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

1. 01Нужна ли изображению прозрачность? Используйте PNG или WebP там, где его принимают.
2. 02Это фотография или реалистичное изображение? Используйте JPG, а на своём сайте можно и WebP.
3. 03Это скриншот, диаграмма, логотип или текст? Используйте PNG, затем попробуйте WebP и сравните файлы.
4. 04Куда изображение будет загружено? Убедитесь, что платформа принимает этот формат; если нет, оставайтесь на JPG или PNG.
5. 05Сожмите итоговый файл, в каком бы формате он ни был.

Размеры и ограничения конкретных платформ — в статье требования к размеру изображений для почты и интернет-магазинов.

AVIF — более новый формат, который может давать ещё меньшие файлы, но создаётся медленнее, а принимают его меньше инструментов и платформ. В вебе он по-прежнему редкость: по данным Web Almanac 2025, на AVIF пришлось 0,7% LCP-изображений, против 11% у WebP, 26% у PNG и 57% у JPG. Для большинства сайтов сегодня JPG, PNG и WebP закрывают все задачи.

• Сохранять фото в PNG ради качества. PNG сохраняет уже имеющиеся детали, но не может добавить новых, а файл вырастает в несколько раз.
• Конвертировать JPG в PNG, чтобы исправить размытые края. Повреждения уже в JPG; лучше вернитесь к оригиналу.
• Переводить всё на WebP без проверки. Ваш сайт может охотно его принять, а платформа магазина или сервис рассылок — отклонить.
• Останавливаться на выборе формата. Формат задаёт отправную точку; остальное делает сжатие итогового файла.

Далее: как сжать изображения для сайта, шаг за шагом.