Плагины

WebP Express – плагин сжатия изображений WordPress

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

Внедрите новый формат WebP в WordPress с помощью плагина WebP Express. Сожмите свои изображения до 30% без потери качества!

Скорость загрузки сайта – один из важнейших факторов для вебмастера. Сделать страницы сайта информативнее и полезней с помощью изображений – лучший вариант. Но тогда появляется проблема долгой загрузки изображений.

WebP – это современный формат изображений, который обеспечивает превосходное сжатие без потерь и с потерями для изображений в Интернете. На данный момент этот формат могут использовать 80% пользователей пользователей на основе данных сайта caniuse.com.

WebP Express - плагин сжатия изображений WordPress - webp statistika ispolzovanija 1024x388

Глупо имея такую технологию не использовать её у себя. PageSpeed Insights говорит нам “Используйте современные форматы изображений – Для изображений в форматах JPEG 2000, JPEG XR и WebP используется более эффективное сжатие, поэтому они загружаются быстрее и потребляют меньше трафика, чем изображения PNG и JPEG.”

JPEG 2000 и JPEG XR могут открыть меньше 20% пользователей, это пользователи IE и Safari, поэтому мы будет сжимать изображения для большинства.

Плагин WebP Express для WordPress

WebP Express – бесплатный плагин из библиотеки WordPress. Установить плагин и скачать можно по ссылке – https://ru.wordpress.org/plugins/webp-express.

WebP Express - плагин сжатия изображений WordPress - plagin webp express

Настройка

После установки зайдите в Настройки > WebP Express. На скришоте вы можете увидеть мои настройки плагина:

WebP Express - плагин сжатия изображений WordPress - nastrojki webp express 878x1024
Настройки плагина WebP Express

General

В разделе General > Image types to work on выберите, какие форматы плагин будет оптимизировать. Формат WebP поддерживает прозрачность, поэтому за место “Only jpegs” выберите “Both jpegs and pngs”.

В Destination folder выберите место расположение изображений нового формата:

  • Mingled: при выборе «Mingled» изображения webp будут помещаться в ту же папку, что и оригинал, но только для изображений в папке Uploads. Другие изображения, например изображения тем, хранятся отдельно. 
  • Если вы используете WebP Express вместе с Cache enabler или Shortpixel, выберите этот параметр
  • In separate folder: изображения хранятся в отдельной папке (wp-content / webp-express / webp-images / doc-root).

Redirection rules

В разделе Redirection rules есть 2 параметра.

WebP Express - плагин сжатия изображений WordPress - redirection rules webp
  • Redirect directly to existing converted images – Это добавит правила в .htaccess, которые перенаправляют непосредственно в существующие преобразованные файлы. Если вы не активируете этот параметр, это будет PHP-скрипт, который обрабатывает перенаправление на существующие файлы webp. Наилучшая производительность достигается путем перенаправления в .htaccess, поэтому включаем этот параметр.
  • Redirect requests for non-existing webp-files to converter – правило позволяет создавать WebP версию изображения автоматически, если оно ещё не создано. То есть когда человек заходит к вам на сайт, но у изображения нет WebP версии, она автоматически сгенерируется.

Conversion

Раздел Conversion отвечает за качество и способ сжатия. Я не хотел, чтобы качество изображений падало, поэтому установил значение 100. WebP сжимает изображения без потери качества, поэтому размер файла уменьшится, а качество нет. Вы можете экспериментировать с этим значением и установить то, что Вам подходит.

WebP Express - плагин сжатия изображений WordPress - conversion webp

Conversion method определятся автоматически на основе значения сжатия. Также здесь присутствует возможность использовать платные API, что нам не интересно.

Ставим галочку напротив Convert on upload, чтобы изображения конвертировались при загрузки. Разработчик плагина всё учел, поэтому конвертируются также миниатюры изображения.

У Bulk convert есть 2 кнопки. Она отвечает за запуск принудительного сжатия. Плагин просканирует весь сайт, найдет изображения в теме, плагинах и конвертирует. Не пугайтесь, их будет много и это займет некоторое время. Кнопка “Delete converted files” удалит все файлы, которые создал плагин, если вы решите удалить плагин.


Alter HTML

Раздел Alter HTML поможет вам решить, что делать, если браузер посетителя не поддерживает формат WebP. Я рекомендую ставить настройки как у меня – Replace image URLs. Так изображения WebP будет показываться только в поддерживаемых браузерах, проблем с отображением фото не будет.

WebP Express - плагин сжатия изображений WordPress - alter html webp

Заключение

Теперь вы знаете, как загрузить WebP в WordPress с помощью плагина. Благодаря нему Ваши пользователи будут быстрее получать ваш контент на экраны своих устройств и ваш сайт сможет вырваться выше и получить больше положительных оценок.

В комментариях расскажите, удалось ли вам настроить WebP Express, на сколько сайт стал быстрее загружаться. Также пишите, какие инструкции, обзоры вы хотите видеть на сайте!

Команда сайт-для-себя.рф
WebP Express - плагин сжатия изображений WordPress - rating onWebP Express - плагин сжатия изображений WordPress - rating onWebP Express - плагин сжатия изображений WordPress - rating onWebP Express - плагин сжатия изображений WordPress - rating onWebP Express - плагин сжатия изображений WordPress - rating on (1 оценок, среднее: 5,00 из 5)
WebP Express - плагин сжатия изображений WordPress - loading Загрузка...

Написать комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.