Зображення 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 сайту.