9 из 10 посетителей сайтов используют браузеры, способные отображать изображение в формате WebP. Однако вебмастера продолжают загружать картинки в формате JPEG, которые при идентичном качестве весят в 2 раза больше. В результате загрузка сайта замедляется. Процесс можно ускорить, установив плагины для WebP в WordPress. Они уменьшат вес страницы, ускорив загрузку, что сократит время ожидания. Пользователь с большей вероятностью останется на станице и продолжит изучение контента. Сам процесс установки и настройки занимает не больше 10 минут. Однако необходимо выбрать плагин и изучить правила его настройки.
Использование изображений WebP в WordPress
Если ваш хостинг поддерживает изображения Webp, их также легко загружать, как и картинки в другом формате. Такой переход положительно скажется на скорости загрузки и производительности. В результате возрастет качество обслуживания. Пользователи охотнее переходят на быстрые сайты, поскольку не тратят время на ожидание загрузки. Медленная прогрузка страниц раздражает, вызывает негативные эмоции.
Webp – формат изображений, обеспечивающий сжатие картинок без потерь качества или с потерями, если это допустимо. В среднем такие картинки весят меньше на 30%, чем аналоги в других форматах. В результате сайт использует меньшую полосу пропускания, загружается без длительного ожидания. Webp поддерживают все современные браузеры, что позволяет активно использовать такие изображения.
В формате Webp могут быть загружены следующие виды картинок:
- анимированные;
- прозрачные;
- классические.
Многое зависит от хостинг-сервиса. Сжатие картинок без потерь качества будет возможно, если его библиотека изображений поддерживает Webp. Когда веб-сервер не работает с таким форматом, при попытке загрузки будет появляться ошибка. Чтобы устранить ее, можно установить плагины.
Лучшие плагины WordPress Webp, которые нельзя игнорировать
Разработчики создали разные WebP WordPress plugin. Они отличаются по перечню доступных функций, нюансам использования. Чтобы выбрать плагин, изучите особенности популярных вариантов.
WebP Express
Это бесплатный плагин, помогающий автоматически конвертировать изображения.
Если пользователь, использующий современный браузер, зайдет на ваш сайт, система будет автоматически демонстрировать ему картинки в WebP. Плагин предоставляет следующие возможности:
- можно проводить конвертацию при помощи большого количества методов;
- обновленные изображения могут быть созданы автоматически при помощи внутренней библиотеки преобразования;
- способ предоставления изображений может отличаться.
Плагин легко использовать. Он обеспечивает высокую производительность, что положительно сказывается на работе сайта.
Converter for Media – Optimize images | Convert WebP & AVIF
Плагин платный, однако для конвертации изображений вносить деньги не нужно. Достаточно использовать бесплатную версию. Преобразовать файлы можно за несколько простых шагов. Платная версия предоставляет больше возможностей. Она позволит конвертировать картинки в формат AVIF. Он снижает вес изображения на 50-60%. При этом качество сохраняется. Использование плагина связано со следующими возможностями:
- проводить конвертацию можно одним щелчком мыши;
- размер картинки значительно уменьшится;
- конвертация новых изображений происходит автоматически с помощью медиа-библиотеки;
- исходные файлы не подвергаются корректировке или изменению адреса;
- изображения WebP будут демонстрироваться каждый раз, когда пользователь зайдет на сайт с помощью браузера, поддерживающего этот формат.
Внедрить плагин в работу сайта просто. Большинство вебмастеров не столкнется со сложностями. Работает отличная поддержка, что позволяет быстро решать все возникающие проблемы.
Imagify – Optimize Images & Convert WebP
Это еще один удобный плагин, способный менять формат изображений, сохраняя их качество. Пользователям доступны бесплатная и платная версии. Если сайт небольшой и не очень активно наполняется, можно использовать первый вариант. Однако возникнут сильные ограничения. В месяц удастся конвертировать не больше 20 мб изображений. Это примерно 200 картинок. Если сайт нуждается в большем количестве изображений, лучше приобрести платную версию. Плагин позволяет:
- переводить в формат WebP не только полноразмерные изображения, но и миниатюры;
- выполнить оптимизацию сайта, значительно повысив скорость загрузки;
- автоматически создавать WebP-версии изображений – функцию нужно обязательно активировать;
- отображать картинки WebP в браузерах, которые поддерживают этот формат, а в ином случае демонстрировать исходное изображение.
Плагин удобен в использовании, а также обеспечивает отличную поддержку.
Support WebP
В отличие от других вариантов, плагин не поддерживает функцию преобразования картинок. Он позволяет лишь загружать новые изображения в формате WebP. Вариант подходит для тех, кто только начинает работу или планирует начать оптимизацию с новых страниц, постепенно преобразовав старые. В результате удастся сэкономить время, не выполняя конвертацию вручную. Использование плагина позволяет:
- загружать новые изображения в формате WebP;
- не тратить время на конвертацию вручную;
- использовать инструмент, который совместим со всеми другими плагинами.
Плагин абсолютно бесплатный. Это позволяет использовать его вне зависимости от бюджета ресурса.
Images to WebP
Плагин можно использовать, если нужно выполнить автоматическую конвертацию в WebP в WordPress. Процедура выполняется прямо во время загрузки изображения. Дополнительно можно улучшить качество картинок и провести конвертацию только тех файлов, которые нуждаются в этом. Использование плагина позволяет:
- сохранить файлы в исходном виде – они не будут затронуты;
- проводить автоматическое преобразование прямо во время загрузки;
- обеспечить работу изображения везде, поскольку его адрес не будет затронут;
- проводить конвертацию только тогда, когда вес файла WebP будет меньше, чем исходника;
- проводить массовое преобразование изображений, которые уже были залиты на сайт.
Инструмент полностью бесплатный. Существуют различные варианты его использования, что упрощает работу вебмастера.
ShortPixel Image Optimizer
Плагин позволяет преобразовывать формат в WebP, а также сжимать изображения одним из двух доступных способов. Инструмент поддерживает массовое преобразование, что экономит время. Установка плагина открывает перед вебмастером следующие возможности:
- можно конвертировать любые изображения (даже анимированные) в WebP и AVIF;
- допустима массовая работа с картинками;
- включить изображения в новом формате на странице можно с помощью тегов.
Плагин предоставляет большое количество функций для оптимизации. Его внедрение упрощает работу с сайтом. Дополнительный плюс – наличие хорошей поддержки.
EWWW Image Optimizer
Это еще один бесплатный плагин, установка которого полезна для вебмастера. В результате удастся конвертировать картинки в несколько кликов. Дополнительно инструмент подходит для массовой оптимизации. Он позволяет работать со всеми изображениями, которые есть на сайте. В результате удается значительно ускорить процесс. Установка плагина позволяет:
- быстро конвертировать все картинки, в том числе те, которые уже есть на сайте;
- проводить преобразования автоматически;
- поддерживать перезапись.
Плагин поддерживает несколько языков. Он довольно простой. Настроить инструмент и начать его использование удастся, даже если вебмастер раньше не работал с плагином.
Настройка плагина на примере WebP Express
Когда плагин установлен, необходимо выполнить его настройку. Это требуется для корректной работы. Чтобы адаптировать инструмент, необходимо перейти в раздел Настройки, а затем выбрать интересующий плагин, кликнув по его названию. Система отобразит весь перечень опций, которые можно скорректировать.
General
Сначала необходимо указать, какие форматы плагин будет оптимизировать. Для этого необходимо зайти в раздел General > Image types to work on. Здесь отображается весь список. Новый формат поддерживает прозрачность. Чтобы эта опция стала доступна, нужно изменить параметр «Only jpegs» на «Both jpegs and pngs».
Затем посмотрите раздел Destination folder. Он позволяет выбрать место расположения картинок в новом формате. Пользователю доступно несколько опций:
- Mingled. Если выбран этот вариант, новая картинка будет храниться там же, где и исходник. При этом другие изображения система будет размещать отдельно.
- In separate folder. Система будет сохранить картинки отдельно.
Выбор зависит от удобства пользователя, а также от плагинов, которые он использует совместно с WebP Express. Важно настроить их там, чтобы применяемые инструменты не конфликтовали.
Redirection rules
Раздел не менее важен. В нем есть 2 параметра:
- Redirect directly to existing converted images. Используется, чтобы добавлять правила в .htaccess. Они будут перенаправлены в существующие файлы. Если параметр не активировать, возникнет PHP-скрипт, который возьмет на себя обработку перенаправления. Однако это может замедлить производительность. Чтобы не столкнуться с ситуацией, параметр лучше активировать.
- Redirect requests for non-existing webp-files to converter. Активация опции позволит создавать картинки в новом формате, если соответствующее изображение не было создано. Если у файла нет веб-версии, она будет автоматически сгенерирована в тот момент, когда пользователь зайдет на сайт.
Conversion
Раздел позволяет настроить подходящий способ сжатия. Чтобы качество не падало, нужно установить показатель 100. В результате вес файла уменьшится, а качество сохранится на прежнем уровне. Однако со значением можно экспериментировать. Так пользователь подберет подходящий показатель без ущерба для качества страны.
Настраивать параметры в разделе Conversion method необязательно. Они будут определены автоматически на основе тех значений, которые задал вебмастер. В этом же разделе можно использовать платные API. Они не представляют интерес, если пользователь не собирается вносить средства.
А вот напротив параметра Convert on upload галочку лучше поставить. Это позволит конвертировать файлы при загрузке. Разработчик проработал все моменты. По этой причине конвертация затрагивает даже миниатюры.
Alter HTML
Раздел позволяет указать, как действовать системе, если браузер пользователя не поддерживает новый формат. Можно выставить опцию Replace image URLs. В результате WebP будет отображаться только в том случае, если браузер его поддерживает. Другие посетители сайта увидят картинки в стандартных форматах. В результате проблемы с отображением визуального контента не возникнут.
Как проверить поддержку WebP в браузере?
Когда настройка завершена, нужно проверить корректность отображения картинок в новом формате. Для этого необходимо открыть сайт в браузере, а затем кликнуть по изображению правой кнопкой мыши и выбрать пункт «Посмотреть код».
Затем следует перейти на вкладку «Сеть», обновить страницу. Изучите появившуюся информацию, обратив внимание на формат. В столбце «Тип» должно отображаться WebP.
Таким образом, переход на новый формат ускорит процесс загрузки и поможет оптимизировать сайт. Для автоматической конвертации используются плагины. Это удобные инструменты вебмастера, упрощающие загрузку оптимизированных изображений. Однако плагины нужно настраивать. Причем процесс зависит от особенностей выбранного инструмента.
Когда настройка завершена, нужно проверить корректность отображения. Если система работает исправно, все выполнено правильно. Иначе следует проверить настройки и понять, почему плагин работает неверно. Грамотный подход к настройке позволит оптимизировать сайт.