Изображения WebP и AVIF: автоматическое преобразование и выдача

Вкладка Изображения (Baza Helper > Изображения) создаёт уменьшенные копии ваших изображений и отдаёт их браузерам, которые умеют их показывать. Оригинальные файлы, идентификаторы вложений, альтернативный текст и размеры остаются без изменений.

Как включить

1. Откройте вкладку «Изображения» и проверьте Поддержка сервера. Формат, который сервер не умеет кодировать, помечен как недоступный и пропускается.
2. Включите Включить менеджер изображений.
3. Нажмите Создать недостающие изображения. Задача выполняется в фоне через WP-Cron, так что вкладку можно закрыть.

WebP доступен в бесплатном плагине. AVIF входит в Pro.

Форматы и качество

• Автоматически сжимать новые изображения преобразует новые загрузки в фоне.
• Создавать WebP и Качество WebP. Создавать AVIF и Качество AVIF в версии Pro.
• Оставлять только файлы меньше оригинала отбрасывает копию, которая ничего не сэкономила.

Какие изображения преобразуются

• Включать адаптивные размеры изображений и Включать оригиналы в полном разрешении.
• Включать изображения из темы и Include plugin images (плагин бронирования и другие).
• Автоматически конвертировать изображения, найденные на страницах преобразует любое локальное изображение, которое запрашивают страница, таблица стилей или скрипт, поэтому охвачены и изображения из конструкторов страниц и плагинов, а не только медиабиблиотека.

Анимированные изображения сохраняются без преобразования. Изображение сверх лимита пикселей пропускается с сообщением, а чтобы его преобразовать, увеличьте Максимальный размер источника (мегапиксели). Файлов за пакет cron и Лимит времени на пакет (секунды) считываются при каждом запуске cron, поэтому изменение влияет и на уже выполняющуюся задачу.

Выдача на сайте

• Автоматически переключать изображения ставит лучший поддерживаемый формат перед оригиналом, а оригинал остаётся запасным вариантом. Существующие элементы picture и внешние изображения не затрагиваются.
• Автоматически переключать фоны и CSS охватывает фоны в CSS через сгенерированные копии таблиц стилей.
• Поддерживать динамически добавляемые изображения обрабатывает изображения, которые скрипты добавляют после загрузки страницы.
• Очищать поддерживаемые кеши страниц после завершения задания заставляет новые страницы использовать новые файлы.

Очередь генерации

Карточка очереди показывает обработанные медиафайлы, обработанные варианты изображений, созданные форматы, пропущенные, ошибки и сэкономленные байты. Управляйте ею кнопками Пауза, Возобновить, Повторить ошибки и Отменить задание. Пересоздать все изображения кодирует все копии заново, в том числе существующие, и сначала просит подтверждение, потому что это может занять много времени. Файл, на котором работник остановился трижды (лимит времени или памяти), пропускается, попадает в ошибки и сохраняется. Повторить ошибки запускает его снова. Ошибки, перечисленные старой версией, не имеют сохранённого задания, поэтому тогда кнопка запускает Создать недостающие изображения, которая встречает эти файлы снова. Если большой файл снова не удаётся, уменьшите его или поднимите лимиты памяти и времени PHP. Кнопки «Пауза», «Возобновить», «Повторить ошибки» и «Отменить задание» появляются только тогда, когда уместны.

Пересоздать все изображения просматривает всю папку темы, а не только её папку assets, поэтому тема, которая держит картинки в папке img, тоже получает WebP, AVIF и копии для телефона. Она пропускает node_modules, vendor, .git, tests, languages и src и читает не более 3000 файлов. Копии для телефона (шириной 900 px) делаются также для картинок, которые уже WebP или AVIF, когда источник шире 1000 px.

Одно изображение из медиабиблиотеки

Когда менеджер изображений включён, на экране «Редактировать медиафайл» есть строка WebP / AVIF с кнопками Создать для этого изображения и Создать заново. Она сразу преобразует полное изображение и все его размеры и показывает сэкономленные байты.

WP-CLI

Для больших библиотек, серверов без cron и скриптов развёртывания та же задача выполняется в терминале с индикатором прогресса:

wp baza-helper images generate
wp baza-helper images generate --enable
wp baza-helper images generate --retry
wp baza-helper images generate --force
wp baza-helper images status --format=json
wp baza-helper images pause
wp baza-helper images cancel

• generate преобразует библиотеку и пропускает изображения, у которых уже есть актуальная копия, поэтому команду безопасно запускать повторно.
• —enable сначала включает менеджер изображений. Без него команда останавливается с сообщением, если менеджер выключен.
• —retry запускает только файлы, которые не удалось преобразовать. —force кодирует все копии заново. Их нельзя сочетать, а выполняющуюся задачу нужно сначала отменить.
• status показывает задачу, счётчики, сэкономленный объём и то, может ли этот сервер кодировать WebP.
• pause и cancel останавливают текущую задачу. Уже созданные копии остаются.

Если WP-CLI выводит ошибку разбора из файла ядра WordPress, PHP по умолчанию в оболочке старше того, который использует сайт. Запускайте WP-CLI с PHP сайта.