Новости · Веб-графика

Обновление WebP и AVIF: что меняется для веб-графики в 2026

Браузеры всё активнее переходят на современные форматы изображений: они весят в разы меньше JPEG при том же качестве, а значит страницы грузятся быстрее и экономят трафик. Разбираем, чем отличаются WebP и AVIF, что изменилось к 2026 году и стоит ли уже сейчас отказываться от привычного JPEG на сайте.

Обновлено: 1 июня 2026 Редакция LoadFile Чтение 3 мин
Содержание
  1. Что такое WebP и AVIF
  2. Что меняется в 2026
  3. WebP или AVIF: что выбрать
  4. Стоит ли отказываться от JPEG
  5. Как подключить на сайте
  6. Частые вопросы

Что такое WebP и AVIF

WebP — формат от Google, появившийся ещё в 2010 году. Он поддерживает сжатие с потерями и без, прозрачность и анимацию, а при том же визуальном качестве весит на 25–35% меньше JPEG и PNG. AVIF — более новый формат на основе видеокодека AV1: он сжимает ещё агрессивнее (нередко в 2 раза меньше JPEG), поддерживает HDR, широкий цветовой охват и 10-битную глубину цвета.

Оба формата нужны для одной цели — отдавать пользователю картинку меньшего размера без видимой потери качества. Чем легче изображения, тем быстрее открывается страница и тем выше оценки Core Web Vitals, которые учитывает поиск.

Что меняется в 2026

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

  • CMS и конструкторы (включая Tilda и WordPress) всё чаще отдают WebP/AVIF автоматически, подменяя загруженный JPEG на лету.
  • CDN и хостинги добавляют конвертацию изображений «на лету» по заголовку Accept браузера.
  • Графические редакторы и сборщики (Squoosh, Sharp, imagemin) делают AVIF-экспорт настройкой по умолчанию, а не экзотикой.
!
Важно

Повсеместная поддержка не отменяет fallback. На старых устройствах и в корпоративных средах со старыми браузерами картинка всё ещё может не открыться — поэтому запасной JPEG/WebP оставляют всегда.

WebP или AVIF: что выбрать

КритерийWebPAVIF
Степень сжатия−25–35% к JPEG−40–50% к JPEG
Скорость кодированияБыстраяМедленнее (тяжелее CPU)
HDR и широкий цветНетДа
АнимацияДаДа
Поддержка браузерамиПрактически вездеВсе актуальные, кроме части старых

Практичная стратегия: отдавать AVIF как приоритет, WebP — как первый запасной вариант, а JPEG — как универсальный fallback. Браузер сам выберет первый поддерживаемый формат.

Стоит ли отказываться от JPEG

Полностью — пока нет. JPEG остаётся самым совместимым форматом: его открывает абсолютно всё, от старых телефонов до офисных программ. Правильнее не отказываться, а понизить его роль — сделать запасным вариантом, а основными отдавать современные форматы. Так вы получаете и скорость, и гарантию, что картинка откроется у любого пользователя.

Как подключить на сайте

Самый надёжный способ — тег <picture> с несколькими источниками. Браузер берёт первый формат, который умеет открывать:

  1. Подготовьте три версии изображения: .avif, .webp и запасной .jpg.
  2. Оберните их в <picture> с источниками <source type="image/avif"> и <source type="image/webp">, а в конце оставьте обычный <img src="...jpg">.
  3. Не забудьте про атрибуты width, height и loading="lazy" — это улучшает Core Web Vitals.

Если сайт на конструкторе или CMS — чаще всего достаточно просто загрузить JPEG: платформа сама отдаст WebP/AVIF поддерживающим браузерам. Конвертировать изображения вручную удобно через онлайн-инструменты.

→ Подборка: онлайн-конвертеры файлов

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

WebP или AVIF — что лучше для сайта в 2026?

AVIF сжимает сильнее и поддерживает HDR, WebP быстрее кодируется и поддерживается чуть дольше. На практике отдают AVIF с запасными WebP и JPEG через тег picture, чтобы покрыть все браузеры.

Нужно ли отказываться от JPEG?

Нет. JPEG остаётся универсальным запасным форматом для совместимости. Современные форматы подключают как приоритетные, а JPEG оставляют как fallback.

Потеряет ли картинка качество при переходе на WebP/AVIF?

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

Поддерживают ли все браузеры эти форматы?

WebP — практически все актуальные браузеры. AVIF — все основные в свежих версиях, но на старых устройствах возможны исключения, поэтому нужен запасной формат.

Читайте также