AVIF, WebP, JPEG, PNG: какой формат когда использовать, в 2026 году
Опубликовано 2026-07-20
Четыре формата покрывают практически все изображения в вебе в 2026 году, и хорошая новость в том, что для любой конкретной задачи вам редко нужно думать больше чем о двух из них. Вот практическое руководство по выбору с реальными цифрами, а также случаи, где 30-летний JPEG всё ещё остаётся правильным ответом.
Претенденты, по одной строке на каждого
JPEG (1992): с потерями, создан для фотографий, принимается повсеместно. PNG (1996): без потерь, прозрачность, чёткие края, принимается повсеместно. WebP (2010): режимы с потерями и без потерь, прозрачность, анимация, примерно на поколение лучше JPEG по сжатию. AVIF (2019, построен на видеокодеке AV1): нынешний чемпион по сжатию, с поддержкой прозрачности, анимации и HDR, ценой чего являются медленное кодирование и более неравномерная поддержка за пределами браузеров.
А что насчёт HEIC и JPEG XL?
Два формата, с которыми вы столкнётесь, но в которых в основном не стоит публиковать. HEIC — это то, что iPhone снимает по умолчанию: отличное сжатие, но фактически формат, привязанный к экосистеме Apple, с ненадёжной поддержкой в браузерах и на Windows, поэтому конвертируйте в JPEG перед публикацией. JPEG XL технически превосходен, возможно, лучший универсал на бумаге, но история его внедрения запутана: Chrome убрал экспериментальную поддержку в 2022 году, тогда как Safari позже её добавил, и это противостояние удержало его вне безопасного списка. Относитесь к обоим как к форматам съёмки или архивирования, а не доставки, пока ситуация не прояснится.
Сжатие, с цифрами
Для типичной фотографии при эквивалентном визуальном качестве WebP получается примерно на 25–30 процентов меньше JPEG, а AVIF примерно на 40–50 процентов меньше JPEG, с наибольшим преимуществом при агрессивных уровнях сжатия. Конкретно: JPEG на 1.2 МБ, сохранённый с качеством 80, обычно получается около 850 КБ в виде WebP и 600–700 КБ в виде AVIF при сопоставимом качестве. Для работы без потерь оптимизированный PNG служит базовой линией, а WebP без потерь обычно превосходит его на 20–25 процентов.
Цифры AVIF сопровождаются двумя оговорками. Кодирование медленное — секунды на изображение вместо миллисекунд, что важно для конвейеров сборки и массовых конвертаций. И при очень низких настройках качества AVIF деградирует иначе, чем JPEG: вместо блочных артефактов он сглаживает тонкую текстуру, такую как текстура кожи и листва. На первый взгляд это выглядит чище, но при close-up рассмотрении может казаться пластиковым.
Одна ловушка при сравнении: ползунки качества не сопоставимы между форматами. Качество 80 в JPEG, качество 80 в WebP и качество 80 в AVIF описывают три разные внутренние шкалы, поэтому сравнения «одинаковой настройки качества» бессмысленны. Сравнивайте по размеру выходного файла при визуальном качестве, которое вы считаете приемлемым, что на практике означает сжатие до целевого размера и сравнение результата бок о бок.
Поддержка браузеров решена; всё остальное — нет
По состоянию на 2026 год вопрос браузеров прост: каждый современный браузер отображает все четыре формата. WebP безопасен повсеместно с 2020 года, а AVIF — с тех пор как Safari 16 вышел в 2022 году. Реальные проблемы совместимости теперь живут за пределами браузера: почтовые клиенты, которые не отображают WebP или AVIF, более старые встроенные программы просмотра фото, формы загрузки, принимающие только .jpg и .png, типографии, а также конвейеры CMS или соцсетей, которые перекодируют или отклоняют незнакомые форматы. Это приводит к самому полезному правилу этого руководства: на веб-страницах, которые вы контролируете, свободно используйте современные форматы; для файлов, которые вы передаёте в чужую систему, JPEG и PNG остаются общим языком.
Прозрачность и анимация
У JPEG нет прозрачности, точка; PNG, WebP и AVIF все поддерживают альфа-каналы. Интересный случай — фотографические изображения с прозрачностью, такие как снимки товаров, вырезанные из фона: в формате PNG они огромны, потому что PNG плохо сжимает фотографическую детализацию, а конвертация в WebP с альфа-каналом обычно урезает 80–90 процентов размера. Что касается анимации, анимированные WebP и AVIF намного меньше GIF, который застрял на 256 цветах и сжатии эпохи 1987 года. Однако для всего, что длиннее пары секунд, зацикленный видеофайл без звука превосходит любой формат изображения.
Когда JPEG и PNG всё ещё правильны
JPEG остаётся верным выбором, когда совместимость важнее байтов: вложения в письма, файлы для форм и порталов, всё, что идёт в печать, и платформы, которые в любом случае перекодируют загрузки (большинство соцсетей), где ваш тщательно настроенный AVIF конвертируется в их JPEG по прибытии. Он также кодируется практически мгновенно и поддерживает прогрессивный рендеринг, поэтому при медленном соединении рано появляется пригодное для использования изображение.
PNG остаётся верным выбором для скриншотов, макетов интерфейса, диаграмм и логотипов — везде, где преобладают чёткие края и плоский цвет, потому что кодеки с потерями создают заметное окантовывание вокруг резких границ. Классическая ошибка идёт в обратном направлении: сохранение фотографий в PNG, что даёт файлы в 5–10 раз больше без видимой выгоды. Мы рассмотрели эту ловушку, а также основы всех трёх более старых форматов, в статье JPG против PNG против WebP.
Решение в пяти строках
Фото на сайте, который вы контролируете: AVIF с резервным вариантом WebP или JPEG через элемент picture. Фото, отправляемое по почте, в форму загрузки или на печать: JPEG. Скриншот, диаграмма или логотип: PNG, либо WebP без потерь там, где вы контролируете назначение. Фото, которому нужна прозрачность: WebP или AVIF. Короткая анимация: анимированный WebP или AVIF, а ещё лучше — небольшое зацикленное видео.
А ещё до выбора формата вообще: проверьте разрешение. Фотография шириной 4000 пикселей, показанная в колонке шириной 800 пикселей, тратит впустую больше байтов, чем может вернуть любой кодек, поэтому сначала измените размер под размер отображения, затем выбирайте формат.
Что касается самих конвертаций, конвертер изображений norito переключается между JPG, PNG и WebP прямо в вашем браузере, а компрессор изображений сожмёт любой из них до целевого размера файла. Если вы решаете, насколько сильно можно сжать, прежде чем качество заметно пострадает, это руководство рассматривает настройки, которые действительно важны.