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.
Пример из практики
Картинка hero-блока: JPG 240 КБ → WebP 96 КБ → AVIF 64 КБ. При том же качестве на глаз размер падает почти в 4 раза.