Новости IT

Как включить изображения WebP в WordPress

 

Возможна экономия полосы пропускания за счет использования изображений WebP вместо JPG или PNG. Здесь мы покажем вам, как этого добиться.

 

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

Хотя это звучит великолепно, в настоящее время нам нужно хранить как исходные файлы JPG и PNG, так и сгенерированные файлы WebP на сервере, поскольку изображения WebP не поддерживаются более старыми версиями браузеров. Это означает, что серверу требуется дополнительное место на диске для сгенерированных изображений WebP; вот почему разработчики WordPress все еще обсуждают это.

Но если на вашем сервере более чем достаточно места на диске и вы хотите ускорить работу своего веб-сайта, вы можете использовать плагины WordPress, чтобы начать использовать WebP. В этом руководстве мы расскажем об установке и настройке WebP Express.

Установка веб-экспресс.

Найдите плагин WebP Express в разделе «Плагины» в интерфейсе WordPress. Установите и активируйте плагин, который можно увидеть ниже на вашем сайте. Затем перейдите к настройкам WebP Express, которые вы установили.

webp express

webp express 2

 

Настройки режима работы.

Первый заголовок настройки — «Режим работы», где мы выбираем, как будет отображаться содержимое WebP. Мы выбираем опцию Variable image responses. Если браузер пользователя поддерживает WebP, этот параметр создает правило, которое конвертирует JPG и PNG в формат WebP по запросу.

3 2

 

Общие настройки.

Давайте погрузимся в настройки в области «Общие»:

- Область действия: определяет, в каких папках будет работать плагин WebP Express. Мы только хотели, чтобы это влияло на файл загрузки и файлы темы.

- Типы изображений для работы: он спрашивает, в какие форматы мы хотим конвертировать изображения в WebP. Если вы используете JPG и PNG на своем сайте, выберите «И jpeg, и png».

- Папка назначения: в этом параметре вы можете указать, в какую папку вы хотите поместить преобразованные файлы. Варианты включают «Смешанный» и «В отдельной папке». Если вы выберете «Смешанный», он добавит загруженное вами изображение WebP в то же место, что и исходный файл. Изображения, загруженные с опцией «В отдельной папке», перемещаются в другую папку.

- Расширение файла: этот параметр активируется, если вы выбираете параметр «Смешанный» в разделе «Папка назначения». Есть опции «Добавить» и «Установить». В опции «Добавить» ваши изображения добавляются как «image.png.webp». В опции «Установить» он изменяет файл на «image.webp». Вы должны быть осторожны при выборе этого варианта. Проблемы могут возникнуть, если в одной папке есть файлы с именами logo.png и logo.jpg; они оба станут image.webp.

- Структура назначения: это параметр, в котором вы можете установить параметры пути для загруженных файлов. Оба варианта хороши; мы выбираем опцию «Корни изображения».

- Заголовок Cache-Control: с помощью заголовка Cache-Control вы можете установить время кэширования файлов. Выберите параметр «Пользовательский» и оставьте значение по умолчанию.

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

4 2

 

Настройки «Правила .htaccess для генерации webp».

В большинстве случаев нет необходимости отключать эти параметры. Сделайте все из них «включенными».

5 2

 

Настройки преобразования.

Параметры JPEG и параметры PNG почти одинаковы. Давайте посмотрим на их варианты вместе.

- Кодирование WebP: использование формата WebP поддерживает два типа кодирования: с потерями и без потерь. Если вы выберете «Авто» из вариантов, он попытается использовать оба варианта и выбрать вариант с наименьшим размером файла. Параметр «с потерями» ухудшит качество изображения. Оставьте его как «Авто».

- Качество с потерями: если вы выберете опцию «Как у jpeg», он попытается определить качество изображения и применит то же самое к WebP. «Предел» — это наивысший предел качества, а «Откат» — это значение качества, когда не удается определить качество файла.

- Качество без потерь: здесь можно выбрать «Применить предварительную обработку», чтобы установить максимальное значение качества для ваших изображений WebP, или выбрать 100% без потерь для прямого преобразования в WebP.

- Альфа-качество (только PNG): здесь можно установить качество прозрачных участков в изображениях PNG. Мы рекомендуем установить здесь высокое значение.

- Метаданные: если вам не нужны метаданные в изображениях, используйте опцию «Нет метаданных в webp».

- Метод преобразования: это методы преобразования, поддерживаемые плагином WebP Express. Мы не используем сторонние приложения. Вы можете использовать расширение Imagick, Gmagick или Gd в качестве расширения PHP.

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

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

- Массовое преобразование: здесь вы можете заставить плагин немедленно конвертировать все изображения в целевых папках. Это займет время в зависимости от вашего оборудования и количества изображений. Вы также можете использовать кнопку «Удалить преобразованные файлы», если вам это нужно.

6 1

 

Изменить настройки HTML.

Если этот параметр активирован, он заменяет теги <img> на <picture>, делая их совместимыми с HTML5, и соответствующим образом настраивает изображение, если имеется более одного параметра отображения (например, изображения с автоматическим изменением размера).

7 1

 

Настройки веб-сервиса.

Это позволяет другим веб-сайтам использовать ваш веб-сайт для преобразования изображений. Оставь это.

8

 

Лучший хостинг для WordPress сайтов в Беларуси от BestHost.BY

Наши контакты

Офис: Республика Беларусь, г. Жодино, ул. Сухогрядская 1, ком 3

Почтовый адрес: 222161, Республика Беларусь, Минская область, город Жодино, а/я 9

Sales: +375(29)335-00-93
Support: 375(29)335-00-94
Режим работы:  24/7
Поддержка осуществляется через личный кабинет (биллинг)

Акции и скидки

Не упустите момент и воспользуйтесь актуальными скидками и предложениями на наши услуги!