For a better experience please change your browser to CHROME, FIREFOX, OPERA or Internet Explorer.

Что такое WebP?

WebP — это формат изображений. Данный формат был разработанный корпорацией Google еще в 2010 г. Технология WebP обеспечивает сильное сжатия изображений без потери качества. Конвертеры создают изображения с меньшими размерами, для того, чтобы ваш сайт загружал их быстрее.

Формат WebP использует мощные методы сжатия изображений без потери качества, чем форматы PNG и JPEG с потерей качества.

Что такое сжатие изображений без потери качества? Это означает что каждый бит исходных данных изображения останется неизменным после распаковки файла. WebP без потери качества позволяет сжать изображения до 37%..

Благодаря интеллектуальному кодированию для изображений WebP с потерями качества, обеспечивает сопоставимое качество с JPEG, при этом размер файла изображения уменьшается с 37% до 46%.

Преимущества WebP

Как было сказано выше, чем меньше изображение в (kb) тем быстрее оно загружается. Соответственно, быстрее загружается сайт. Установка WebP в интернет магазин — это очень полезно, как для скорости открытия страниц товаров, так и для СЕО.

Немаловажный нюанс при установки WebP — это экономия места на сервере. Чем меньше занимают места ваши изображения, тем больше их можно загрузить.

Чтобы лучше понимать, вот объяснение форматов PNG и JPEG .

  • JPEG (JPG) — это формат с большим количеством цветов и является предпочтительным. Но есть один нюанс из за сжатия, все таки вы сможете заметить небольшую потерю качества.
  • PNG — этот формат подходит для качественных изображений. Это формат с большим количеством данных (пикселей).

Формат WebP предоставляет лучшее из этих двух форматов. Размер изображения на 37-46% меньше, чем в форматах PNG или JPEG. Также сохраняет качество изображения.

Разницу между WebP и JPEG очень трудно заметить, а в некоторых изображениях это невозможно. Но зато, вы сможете отличить размер изображения в (kb).

Недостатки WebP

В данном формате, есть только одно ограничение — это поддержка браузеров.

Первое ограничение заключается в браузерах, не все браузеры поддерживают WebP. Основные браузеры уже давно поддерживают формат WebP. Такие как Google Chrome, Opera, Firefox. Но такие браузеры как Safari и Internet Explorer не понимают данный формат, что не совсем хорошо для некоторых пользователей. остается надеяться, что когда-то и эти браузеры смогут поддерживать WebP.

Как установить WebP на сайт WordPress?

Когда вы вставляете изображение на сайт, используйте следующею HTML конструкцию.

<picture>
<source srcset="img/myImage.webp" type="image/webp">
<source srcset="img/OldJPEG.jpg" type="image/jpeg">
<img src="img/OldJPEG.jpg" alt="Alt Text!">
</picture>

На стороне браузера, поддерживающего формат webp, отобразится файл myImage.webp, если браузер не поддерживает формат webp — сработает OldJPEG.jpg.

Для загрузки изображений в формате webp через медиа-библиотеку, нужно добавить следующий код в файл вашей темы functions.php.

function webp_upload_mimes( $existing_mimes ) {
// add webp to the list of mime types
$existing_mimes['webp'] = 'image/webp';

// return the array back to the function with our added mime type
return $existing_mimes;
}
add_filter( ‘mime_types’, ‘webp_upload_mimes’ );

Данная функция добавит формат webp в список разрешенных форматов для загрузки. По умолчанию WordPress не поддерживает webp.

Для правильной работы сервера Apache и дальнейшего кэширования файлов webp добавьте этот код в файл .htaccess.

# Serve Images with correct Mime Type
AddType image/webp .webp

#
Setup Cache
ExpiresActive On
ExpiresByType image/webp A2592000

Вам нужна помощь в установке WebP?
Заказать установку WebP