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

Alt-теги с описанием (не keyword stuffing), сжатие (WebP, AVIF), ленивая загрузка (loading="lazy"), descriptive file names (krasnoe-yabloko.jpg вместо IMG_1234.jpg), размеры указаны в HTML (CLS)

📖4 мин чтения📊Уровень 8🗺️2 подтем📅16 апреля 2026 г.

Загрузка карты...

Оптимизация изображений: скорость + видимость в поиске

Изображения — часто самые «тяжёлые» элементы страницы. Неоптимизированные картинки тормозят загрузку и снижают позиции. Оптимизированные — ускоряют сайт, улучшают SEO и привлекают трафик из поиска по картинкам.

Форматы изображений

  • WebP — современный формат Google. На 25–35% легче JPEG/PNG при том же качестве. Поддерживается всеми браузерами с 2020 года.
  • AVIF — ещё эффективнее WebP (30–50% сжатие), но меньше поддержка.
  • JPEG — для фото, не подходит для графики с текстом.
  • PNG — для изображений с прозрачностью.
  • SVG — для иконок и векторной графики.

Технические требования

Указывайте размеры изображения в HTML (width и height): браузер резервирует место и не «прыгает» при загрузке (CLS). Используйте loading="lazy" для изображений ниже первого экрана — экономит трафик пользователя.

SEO-атрибуты

Alt-тег

Обязательный атрибут: описывает содержание изображения для поисковика и для скринридеров (доступность). Должен содержать ключевое слово естественно: «оптимизация изображений для сайта» лучше, чем «картинка1».

Имя файла

«optimizaciya-izobrazheniy-seo.jpg» лучше, чем «IMG_00123.jpg». Это сигнал релевантности для Google Images.

Простыми словами

Оптимизация изображений для SEO — это процесс делания изображений меньше по размеру, быстрее, и видимыми для поисковых машин.

Более точно

Техническая оптимизация графических файлов для улучшения видимости в Google Images, скорости загрузки страницы, доступности, и пользовательского опыта. Включает сжатие (compression), выбор правильного формата (WebP, JPEG, PNG), ленивую загрузку (lazy loading), и оптимизацию meta-атрибутов (alt text, title).

Зачем это нужно

Изображения могут быть 60-80% размера страницы. Их оптимизация = быстрая загрузка = лучшее ранжирование.

Форматы изображений и их компромиссы

ФорматРазмерКачествоПоддержкаКогда использовать
JPEGСредний (хорошо сжимается)Хорошее100%Фотографии, естественные изображения
PNGБольшой (плохо сжимается)Отличное100%Скриншоты, логотипы, прозрачность нужна
WebPМаленький (лучшее сжатие)Отличное95%+ (не IE, старый Safari)Современные браузеры, главное сжатие
AVIFОчень маленькийОтличное80%+ (новое)Будущее, для новых браузеров
GIFСредний-большойСреднее100%Анимация, ретро
SVGМаленький (для иконок)Идеальное (векторное)98%+Иконки, логотипы, простые графики

Сравнительная таблица: анализ различий

Часто задаваемые вопросы

Важны для двух вещей: ранжирования в Google Картинки и доступности (accessibility). Прописывайте alt для всех значимых изображений.