Оптимизация изображений

Обновлено в августе 2026.

Почему картинки бьют LCP

Герой на главной и в статьях часто определяет LCP — один из основных веб-показателей. Тяжёлый JPEG 4000px без сжатия бьёт по скорости и по позициям на mobile.

Форматы и размеры

WebP и AVIF — базовый набор; fallback JPEG для старых браузеров. Реальная ширина в верстке, srcset для ретины. width/height в HTML — меньше CLS.

Alt и имена файлов

Alt описывает содержимое, не keyword stuffing. Декоративные картинки — alt пустой или кратко о роли.

Lazy-load правильно

loading="lazy" — для картинок ниже сгиба. Hero и LCP — без lazy, fetchpriority="high" при необходимости.

CDN и кэш

Медиа на CDN или поддомене. После конвертации проверьте основные веб-показатели в PageSpeed и GSC.

Связки

поиск Яндекс и Google 2026; базовый курс SEO; чек-лист кабинетов вебмастера 2026.

Аудит медиа за 30 минут

PageSpeed → список тяжёлых картинок → конвертация в WebP/AVIF → проверка LCP после. Герой на главной — приоритет №1: без lazy-load на above-the-fold, с правильным width/height для CLS.

Приоритет сжатия

Hero и топ URL по трафику, затем архив. Проверяйте основные веб-показатели.

Форматы и имена файлов

WebP для фото, AVIF для hero если CDN поддерживает. Имена — латиницей, без keyword-stuffing.

Picture и srcset

Тег picture с source type=image/webp даёт fallback JPEG для старых браузеров. srcset — два размера для mobile и desktop достаточно.