JPEG, WebP и AVIF: сравнение на одном собственном исходнике

Выбирайте формат по результату кодирования, а не только по расширению. 28 октября 2026 года мы сохранили одну собственную RGB-таблицу 900 × 600 пикселей в трёх форматах. В ней есть градиенты, тонкие линии, геометрические фигуры и текст. Это воспроизводимый пример, а не фотография и не универсальный рейтинг форматов.

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

Формат	Размер, байт	Средняя абсолютная ошибка RGB
JPEG	67757	1.481
WEBP	25332	1.699
AVIF	19166	1.64

Pillow 12.3.0; RGB; 900 × 600.

Полученные изображения

Исходная таблица: 900 × 600 — Исходная таблица. Собственная таблица Web Article, CC BY 4.0. Все варианты имеют размер 900 × 600 пикселей.

JPEG: 900 × 600 — JPEG. Собственная таблица Web Article, CC BY 4.0. Все варианты имеют размер 900 × 600 пикселей.

WEBP: 900 × 600 — WEBP. Собственная таблица Web Article, CC BY 4.0. Все варианты имеют размер 900 × 600 пикселей.

AVIF: 900 × 600 — AVIF. Собственная таблица Web Article, CC BY 4.0. Все варианты имеют размер 900 × 600 пикселей.

Как читать результат: в этом запуске AVIF дал самый маленький файл. Это не доказывает его преимущество для всех фотографий, логотипов и скриншотов. Ошибка RGB — средняя абсолютная разница каналов после декодирования, а не оценка восприятия: меньшее число не гарантирует лучшую картинку. JPEG: quality=80, subsampling=0, optimize=true; WebP: quality=80, method=6; AVIF: quality=80, speed=6. Версии кодировщиков и настройки по умолчанию могут изменить результат.

Шаблон записи: исходник __; размеры __; кодировщик/версия/параметры __; байты __; заметный дефект __; проверка браузера и запасного формата __; выбранный вариант и причина __. Если меньший файл сделал нужный текст нечитаемым, он не решает вашу задачу. Размеры файлов не измеряют скорость сети, Core Web Vitals страницы или улучшение SEO.

JPEG, WebP и AVIF: сравнение на одном собственном исходнике — Оригинальная объясняющая схема · CC BY 4.0. Текстовый эквивалент: JPEG: 67 757 Б · WebP: 25 332 Б · AVIF: 19 166 Б.

Источник контекста: developer.mozilla.org.