WebP и AVIF — форматы картинок, заменяющие JPG и PNG. WebP сжимает на 25–35% эффективнее JPG при том же качестве, AVIF — ещё в 1,5–2 раза лучше WebP. Поддерживаются всеми современными браузерами.
Для совместимости со старыми клиентами используют <picture> с fallback на JPG. Перевод картинок на WebP — один из самых дешёвых способов улучшить LCP и общий вес страниц.
В CMS обычно есть готовые плагины автоконвертации. На лендинге с тяжёлым hero-изображением переход на WebP/AVIF даёт минус 200–400 мс к LCP.
Картинка одной страницы
PNG-исходник 820 КБ JPG (quality 85) 240 КБ ×3.4 WebP (quality 80) 95 КБ ×8.6 AVIF (quality 60) 58 КБ ×14.1 // AVIF + WebP покрывают всех браузеров // через picture/source fallback
Пример из практики
Картинка hero-блока: JPG 240 КБ → WebP 96 КБ → AVIF 64 КБ. При том же качестве на глаз размер падает почти в 4 раза.