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

В конечном счёте формат изображения выбирают по трём критериям: что на картинке (фотография или графика с текстом и линиями), нужен ли прозрачный фон и сможет ли получатель открыть этот формат. Сначала разберём структурные различия четырёх основных форматов, а в конце приведём таблицу выбора по ситуациям. Данные о поддержке браузерами проверены по Can I use на дату актуальности (2026-09-23).

Сравнительная таблица

Доля поддержки рассчитана по глобальной статистике использования браузеров из Can I use. Если нужно учитывать устаревшие браузеры или внутренние корпоративные просмотрщики, самыми надёжными по-прежнему остаются JPG и PNG.

JPG — 30-летний стандарт, созданный для фотографий

JPG делит изображение на блоки 8×8 пикселей, переводит их в частотные составляющие с помощью дискретного косинусного преобразования (DCT) и грубо квантует — фактически отбрасывает — высокочастотные компоненты, к которым глаз менее чувствителен. Цветовую информацию часто хранят с меньшим разрешением, чем яркость (цветовая субдискретизация). Поэтому на фото с плавными переходами — небо, кожа — разницу трудно заметить уже при качестве около 80, а на изображениях с текстом, линиями и чёткими границами однотонных областей вокруг краёв появляются ореолы (звон) и блочные артефакты.

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

PNG — стандарт по умолчанию для текста, логотипов и скриншотов

PNG — формат без потерь, сохраняющий значения пикселей точно. К каждой строке применяется фильтр, вычисляющий разницу с соседними пикселями, после чего данные сжимаются алгоритмом Deflate (того же семейства, что zip). На скриншотах, схемах и логотипах с большими однотонными областями PNG получается меньше и чётче JPG, но на фотографиях, где каждый пиксель чуть отличается от соседа, он сжимается плохо и может весить в несколько раз больше JPG.

Третья редакция PNG, опубликованная W3C в июне 2025 года, официально включила в стандарт анимированный PNG (APNG), информацию о цвете HDR и блок EXIF. Совместимость с существующими PNG-файлами сохранена.

WebP — JPG и PNG в одном формате

WebP содержит режим с потерями (на основе видеокодека VP8) и режим без потерь, и оба поддерживают прозрачность и анимацию. По данным Google, при одинаковом показателе качества SSIM WebP с потерями на 25–34% меньше JPG, а WebP без потерь на 26% меньше PNG. Это результаты собственных тестов Google, поэтому реальная экономия зависит от содержимого изображения и настроек кодировщика.

В ноябре 2024 года спецификация WebP и медиатип (image/webp) были официально зарегистрированы в IETF как RFC 9649. Safari поддерживает WebP начиная с версии 14 (на macOS — с Big Sur), поэтому, если среди ваших пользователей много владельцев устройств Apple до 2020 года, лучше подготовить запасное изображение.

AVIF — самый компактный, но медленно кодируемый новый формат

AVIF — это изображение, сжатое свободным от роялти видеокодеком AV1 и упакованное в контейнер семейства HEIF. Спецификацию 1.0.0 выпустил Alliance for Open Media (AOMedia) в феврале 2019 года. Формат хранит 10- и 12-битный цвет на канал и HDR и при том же качестве часто получается меньше WebP. Зато кодирование требует много вычислений: преобразование множества больших фотографий занимает заметное время, а по данным MDN прогрессивное отображение не поддерживается.

Основные браузеры поддерживают AVIF с версий Chrome 85, Firefox 93, Safari 16.4 (частично — с 16.1) и Edge 121. Edge присоединился последним (в начале 2024 года), поэтому если на рабочем компьютере зафиксирована старая версия Edge, изображение может не отобразиться.

Как выглядит потеря качества в разных форматах

Даже при одинаково «низком» качестве изображение разрушается в каждом формате по-своему. Зная, куда смотреть при проверке, проще выбрать значение качества.

• JPG: границы блоков 8×8 видны как сетка, вокруг текста и линий появляется волнообразный ореол (звон). На плавных участках вроде неба возникают ступенчатые полосы.
• WebP (с потерями): блочность меньше, чем у JPG, но детали размываются, а цвета расплываются. Особенно страдают тонкие красные и синие линии.
• AVIF: даже при низком качестве блоков почти нет, но текстуры — кожа, трава, волосы — гладко стираются, и картинка может выглядеть как «акварель».
• PNG: сжатие без потерь, поэтому качество не падает. Но если уменьшать размер за счёт сокращения цветов, на градиентах появляются полосы.

При проверке результата лучше не смотреть на картинку целиком, а увеличить лица, текст и небо до 100% и больше и сравнить с оригиналом.

Где сейчас JPEG XL и HEIC

• JPEG XL: перспективный формат следующего поколения со многими преимуществами — например, он умеет без потерь переупаковывать существующие JPG в файлы меньшего размера. Но на дату актуальности, по данным Can I use, его частично поддерживает только Safari 17 и новее, а Chrome и Firefox в настройках по умолчанию его не показывают. Использовать его в вебе пока рано.
• HEIC: формат фотографий iPhone по умолчанию, но из браузеров его показывает только Safari 17 и новее. Перед отправкой или публикацией его обычно конвертируют в JPG (руководство по HEIC).

Порядок выбора по ситуации

1. Получатель (госучреждение, учебное заведение, интернет-магазин) указал допустимые форматы? → Следуйте этому списку. Чаще всего это JPG.
2. Нужен прозрачный фон? → Для веба — WebP, для редактирования и печати — PNG.
3. Это фотография или графика? → Фото — JPG (совместимость) или WebP/AVIF (размер); текст, линии, схемы — PNG или WebP без потерь.
4. Хотите ускорить загрузку сайта? → Используйте AVIF или WebP и держите рядом JPG для старых браузеров.

Что важно знать при конвертации

• При конвертации «с потерями → с потерями» потери суммируются. Если перевести JPG в WebP, к информации, уже утраченной JPG, добавятся потери WebP. Если есть оригинал, конвертируйте один раз из него.
• При переходе от прозрачного к непрозрачному (PNG, WebP → JPG) прозрачные области нужно залить цветом фона, например белым.
• Глубина цвета и HDR сокращаются до 8 бит в момент перевода в JPG.
• Если смена формата сама по себе не уменьшает файл, эффективнее всего одновременно уменьшить разрешение. Подробнее об этом — в статье как уменьшается размер фото.

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

Частые вопросы

Актуально на: 2026-09-23

Источники

• MDN — Image file type and format guide
• Google for Developers — An image format for the Web (WebP)
• ITU-T Recommendation T.81 (09/92) — спецификация JPEG
• W3C — PNG Specification (Third Edition)
• AOMedia — AV1 Image File Format (AVIF)
• Can I use — WebP image format
• Can I use — AVIF image format
• Can I use — HEIF/HEIC image format
• Can I use — JPEG XL image format