WebP

WebP — формат растровых изображений для веба. Поддерживает сжатие с потерями и без потерь, прозрачность и анимацию. Расширение файла само по себе не подтверждает формат: важны реальные данные и корректный Content-Type ответа.

Также встречается: WebP.

Для чего используется

Задача — передать достаточно качественное изображение с разумным объёмом данных. Формат выбирают вместе с размерами и адаптивными вариантами. Загружать фотографию на несколько тысяч пикселей в маленькую карточку неразумно даже после конвертации.

Как SEO-специалист использует это в проекте

В SEO-проекте WebP используют при подготовке фотографий карточек, баннеров и иллюстраций. Специалист находит тяжёлые изображения, дизайнер оценивает качество, разработчик подключает подходящие размеры. Конвертация не исправляет недоступный URL, плохое описание товара или отсутствие места под изображение.

Возьмите репрезентативные фотографии и сохраните исходники.
Подготовьте WebP с нужными размерами и сравните качество при реальном масштабе.
Проверьте выбранный браузером файл, MIME, доступность и вес на странице.

Практический пример

Учебный пример: каталог использует исходные фотографии оборудования в превью. Для превью создают уменьшенные WebP, а для увеличения оставляют отдельный качественный вариант. Приёмка включает читаемость маркировки и правильную работу увеличения, а не только число килобайт.

Иллюстрация подхода, не данные конкретного проекта.

Ошибки и риски

WebP не всегда меньше исходника. Результат зависит от содержания, размера и настроек кодирования. Проверяйте мелкие надписи, края предметов и градиенты; сильное сжатие технической фотографии может скрыть важную деталь.

Переименовать JPEG в .webp; удалить исходники; одинаково сильно сжать схему и фотографию; ожидать роста позиций только от смены формата.

Как проверить результат

В Network проверьте фактически загруженный адрес и тип. Сравните страницу до и после на мобильном экране. В ISKAR можно бесплатно подготовить WebP локально в браузере; анимированные изображения этот инструмент не обрабатывает.

Связанные термины

Продолжить по теме

← Все термины