Основные#
- Определение изменения
Это полезно, когда изображения меняются во времени. Это заставляет удалять кеш браузера, добавив параметр маркера времени к 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-адреса внешних изображений, соответствующие заданным шаблонам, будут кэшироваться.