Настройки изображенийАкселератор для WordPress

settings-Images

Основные#

  • Определение изменения

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

  • Вставлять в тело

    Встраивает небольшие изображения в HTML и CSS, чтобы уменьшить количество запросов к нашему серверу.

Сжатие#

Позволяет сжимать изображения JPG, PNG, GIF и BMP, кроме анимированных GIF и PNG. Он создает сжатые изображения для оригинальных.

Например, для image1.png будет создан файл image1.png.webp. Если создать сжатый файл невозможно или не нужно (например, он больше), то будет создан image1.png.webp.json с указанием причины внутри.

  • Включить WebP

    Позволяет создавать файлы со сжатием WebP для оригинальных изображений.

  • Авто-перенаправление на WebP-версию

    Добавляет некоторые директивы в файл .htaccess для перенаправления изображений в их версии WebP. Например, если существует image1.png.webp, тогда image1.png будет перенаправлен на него.

  • Включить Avif

    Позволяет создавать файлы со сжатием Avif для оригинальных изображений.

    Примечание: Доступно начиная с PHP 8.1 и выше и если расширение «GD» собрано с поддержкой AVIF. Или если расширение «Image Magick PECL» установлено и поддерживает AVIF.

    Внимание: сжатие в Avif может занять много времени, поэтому по умолчанию оно отключено.

  • Авто-перенаправление на Avif-версию

    Добавляет некоторые директивы в файл .htaccess для перенаправления изображений в их версии Avif. Например, если существует image1.png.avif, тогда image1.png будет перенаправлен на него.

Для включения авто-перенаправления на версии WebP и Avif под NGINX необходимо вручную добавить следующие директивы внутрь директивы server в её начало:

# seraphinite-accelerator - Automatic redirection to Avif and WebP versions if they exist
include /www/wwwroot/my-site.com/seraph-accel-img-compr-redir.conf;

И нужно заменить /www/wwwroot/my-site.com на путь к корневой файловой системе вашего сайта.

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

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

Адаптация к размерам экранов#

Уменьшение размера изображений для экранов небольшого размера, например, мобильных телефонов. Лучше показывать изображения меньшего размера на экранах меньшего размера, чтобы уменьшить сетевой трафик и увеличить скорость загрузки. Адаптация делается под популярные экраны с разрешением 360, 480, 768 и 1366 пикселей.

  • Задние фоны

    Будут обработаны все фоновые изображения, определенные в стилях (встроенные или отдельные).

    Примечание. Исключения для отдельных стилей не могут быть добавлены на основе элементов.

Исключения#

Теги элементов, соответствующие указанным селекторам XPath, обрабатываться не будут. Например, селектор ./style[contains(text(),'img-01.jpg')] исключает все отдельные стили, содержащие img-01.jpg. Или, например, селектор .//div[contains(@style,'img-02.jpg')] исключает все div теги со встроенным стилем, содержащим img-02.jpg.

Ленивая загрузка#

  • Добавлять исходный размер

    Просто добавляет ширину и высоту исходного изображения в атрибуты тега «img».

  • Включить

    Включает этот режим.

Исключения#

Теги изображений, соответствующие указанным селекторам XPath, обрабатываться не будут. Например, чтобы исключить первые 5 изображений на всех страницах, мы должны добавить выражение .//img[position()<=5].

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

Кэшировать внешние#

Все URL-адреса внешних изображений, соответствующие заданным шаблонам, будут кэшироваться.

Добавить комментарий