WebP-формат: что же все-таки это такое и как его применять

SEO-оптимизация веб-сайта – это не только лишь работа с семантическим ядром, да и работа с изображениями. Поисковики не обходят вниманием рисунки, если они верно оформлены и имеют формат, который стремительно грузится, – WebP.

Внедрение изображений WebP ускоряет работу веб-сайта, не съедает мобильный трафик и не растрачивает впустую место на твердом диске. Все это оказывает положительное воздействие на SEO-продвижение.

Топвизор-Журнальчик в статье ведает, как работать с WebP-форматом для SEO.

Что такое WebP

WebP – это формат изображений, который дозволяет сжать файл без утраты свойства. Он разработан компанией Гугл в 2010 году на подмену обычным форматам JPEG, PNG и GIF.

Достоинства WebP-формата перед иными

внедрение WebP-формата на веб-сайте обеспечивает прирост в среднем до 20–30 баллов по шкале Pagespeed Insights;
вес файлов WebP меньше, чем файлов остальных форматов;
передача до 16,7 миллиона цветов у 32-битных и 24-битных изображений.

Всё это дозволяет не попросту сжать изображение без утраты свойства, но сберечь пространство на твердом диске либо расположить на веб-сайте больше изображений без перегрузки платформы. Отсюда же следует положительное воздействие на SEO-продвижение: поисковые боты уделяют свое внимание на поведенческие причины, когда юзеры получают приятное воспоминание от стремительно загружаемого мультимедийного веб-сайта и ворачиваются на портал.

Сравним WebP с иными более пользующимися популярностью форматами.

JPEG

JPEG – один из самых всераспространенных форматов в мире. Его употребляют для хранения, обработки и передачи изображения, для публикации на веб-сайтах и в приложениях.

Формат назван в честь объединенной группы профессионалов по фото – комитета по эталонам Joint Photographic Experts Group. Он возник в 1992 году для передачи изображений с 1-го компа на иной. Ранее разработанные способы сжатия были не много подходящи для сжатия данных полноцветных изображений с градацией и с соткой либо тыщей цветов. JPEG совладал с глубиной от 6 до 24 бит/пиксель.

Индивидуальности формата:

поддерживает гамму цветов в 24 бита – показывает до 16,7 миллиона цветов;
поддерживается всеми графическими редакторами и браузерами;
при использовании JPEG сохраняют хорошее качество отображения, но при сжатии и редактировании часть данных удаляется и свойство может пострадать;
формат поддерживает технологию EXIF, позволяющую хранить разные метаданные.

Исследование Гугл в 2019 году показало, что WebP различается от JPEG шифровкой графической инфы и за счет использования наименьшего количества битов на пиксель сохраняет свойство.

При сжатии «с потерями» WebP-формат сохраняет свойство, но усугубляет детали и текстуру – это не постоянно видно людскому глазу.

PNG

Очередной пользующийся популярностью формат – PNG. Он, как и JPEG, сотворен для хранения, обработки и передачи изображения и употребляется в приложениях и на веб-сайтах . Идиентично удачно соперничает с JPEG и GIF.

PNG возник в 1995 году как кандидатура GIF.

По детализации, цветопередаче и поддержке прозрачных слоев PNG не уступает WebP. При всем этом WebP-формат при уменьшении изображения в среднем на 30% лучше сохраняет свойство.

GIF

GIF возник в 1987 году для передачи цветной цифровой графики. На данный момент формат употребляется для передачи графики, диаграмм, логотипов с маленьким количеством цветов и для поддержания анимации.

WebP-формат тоже поддерживает анимацию, но при равном качестве весит приблизительно на 10–20% меньше. Сразу с сиим GIF употребляют для обычный анимации, и, в отличие от WebP, он не подступает для хранения и размещения в сети фото, иллюстраций и макетов.

SVG

SVG – это векторный формат, употребляется при разработке логотипов, иллюстраций, анимаций и динамических эффектов, также в работе адаптивных веб-сайтов. Он был сотворен в 1998 году Консорциумом Глобальной сети для описания графики.

В отличие от растровых изображений, векторные при увеличении/уменьшении сохраняют свойство. Если ассоциировать с WebP, SVG подольше загружаются на веб-сайте, потому для улучшения скорости работы веб-сайта предпочтение отдают графике WebP. Не считая того, SVG не может показывать столько деталей, сколько WebP-формат, потому что основан не на пикселях, а на точках и путях.

Недочеты WebP

формат поддерживают не все браузеры;
формат не поддерживает ранешняя версия WordPress,
набор программ по просмотру и редактированию ограничен;
при сжатии с потерями объекты на картинке WebP могут смотреться плоскими, детали – размытыми, а в пиксельной графике пропадает часть цветов.

Как применять изображения WebP на веб-сайте

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

Как работать с WebP

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

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

Если кратко, то при работе с картинкой нужно уделить особенное внимание ее наименованию и описанию.

Заглавие файла обязано отражать то, что изображено.

Пример: topvisorseo-image.webp

Используйте транслитерацию, не используйте лишь числа, наборы знаков с пробелами.

Текст, прописанный в alt, отражается в поиске по картинам.

Пример:

Заголовок title должен очень буквально передавать сущность изображаемого – выводится при наведении курсора на картину.
Тексты ссылок на изображения необходимо созодать описательными, к примеру: «пример оптимизации webp-изображения».

Какие браузеры поддерживают изображения WebP

Проще всего открыть изображения WebP в браузере. Файл читают большая часть браузеров: Chrome, Opera, Firefox и Yandex.

Как открыть изображения WebP

Кроме браузеров, WebP-файл можно открыть в бесплатных программках:

на Windows: GIMP, Гугл Picasa, FastStone Image Viewer, ФайлПроИнформация и 123 Photo Viewer;
на Mac: FastStone Image Viewer, XnView, PhotoKilter;
на Linux: gThumb, XnView, qview.

Методы конвертации

В WebP

Бесплатные:

Microsoft Paint для Windows.
XnView для для Windows / macOS / Linux.
Movavi для Windows и macOS.
GIMP для Windows:

Платные:

Adobe Photoshop для Windows и Mac за $20,99 за месяц (можно приобрести, используя VPN и зарубежную карту).
Adobe Photoshop Lightroom для Windows и Mac за $19,99 за месяц (можно приобрести, используя VPN и зарубежную карту).
WidsMob WebP для Windows и Mac с бессрочной лицензией за $25,99.
Wondershare UniConverter для Windows и Mac с бессрочной лицензией за $55,99.
Онлайн-конвертеры: CloudConvert, Convertio, EZGIF, Online-convert.com.

Из WebP

Перечисленные сервисы идиентично отлично преобразуют самые пользующиеся популярностью форматы изображений в WebP и назад. К примеру, программка для Windows – Microsoft Paint:

либо Online-convert.com:

Что уяснить

Можно смело сказать, что изображения WebP – это ценный инструмент для вебмастеров:

WebP-формат сохраняет свойство;
формат изображений не наращивает время загрузки веб-сайта;
рисунки WebP не занимают много места на диске, а означает, сберегают память.

Все это смешивается с обилием сервисов, которые читают такие файлы:

браузеры: Chrome, Opera, Firefox и Yandex;
программки на Windows: GIMP, Гугл Picasa, FastStone Image Viewer, ФайлПроИнформация и 123 Photo Viewer;
программки на Mac: FastStone Image Viewer, XnView, PhotoKilter;
программки на Linux: gThumb, XnView, qview.

Также формат просто преобразовать в хоть какой иной и назад при помощи: