Obrazy WebP i AVIF: automatyczna konwersja i dostarczanie

Zakładka Obrazy (Baza Helper > Obrazy) tworzy mniejsze kopie Twoich obrazów i podaje je przeglądarkom, które potrafią je wyświetlić. Pliki oryginalne, identyfikatory załączników, teksty alternatywne i wymiary pozostają bez zmian.

Jak to włączyć

1. Otwórz zakładkę Obrazy i sprawdź Obsługa serwera. Format, którego serwer nie potrafi zakodować, jest oznaczony jako niedostępny i pomijany.
2. Włącz Włącz menedżer obrazów.
3. Kliknij Utwórz brakujące obrazy. Zadanie działa w tle przez WP-Cron, więc możesz zamknąć zakładkę.

WebP jest dostępny w darmowej wtyczce. AVIF to funkcja Pro.

Formaty i jakość

• Automatycznie kompresuj nowe obrazy konwertuje nowe przesłane pliki w tle.
• Generuj WebP i Jakość WebP. Generuj AVIF i Jakość AVIF w wersji Pro.
• Zachowuj tylko pliki mniejsze od oryginału odrzuca kopię, która nic nie oszczędziła.

Które obrazy są konwertowane

• Uwzględnij responsywne rozmiary obrazów i Uwzględnij oryginały w pełnej rozdzielczości.
• Uwzględnij zasoby graficzne motywu i Include plugin images (kalendarz rezerwacji i inne).
• Automatycznie konwertuj obrazy znalezione na stronach konwertuje każdy lokalny obraz, o który prosi strona, arkusz stylów lub skrypt, więc objęte są też obrazy z kreatorów stron i wtyczek, nie tylko biblioteka mediów.

Obrazy animowane są zachowywane bez konwersji. Obraz przekraczający limit pikseli jest pomijany z komunikatem, a aby go skonwertować, zwiększ Maksymalny rozmiar źródła (megapiksele). Plików na partię cron i Limit czasu partii (sekundy) są odczytywane przy każdym uruchomieniu crona, więc zmiana wpływa także na zadanie, które już trwa.

Dostarczanie na stronie

• Automatycznie przełączaj obrazy stawia najlepszy obsługiwany format przed oryginałem, a oryginał zostaje zapasem. Istniejące elementy picture i obrazy zewnętrzne są nietknięte.
• Automatycznie przełączaj tła i CSS obejmuje tła w CSS przez wygenerowane kopie arkuszy stylów.
• Obsługuj dynamicznie wstawiane obrazy obsługuje obrazy, które skrypty dodają po załadowaniu strony.
• Czyść obsługiwane pamięci podręczne stron po zakończeniu zadania sprawia, że nowe strony używają nowych plików.

Kolejka generowania

Karta kolejki pokazuje przetworzone media, przetworzone warianty obrazów, wygenerowane formaty, pominięte, błędy i zaoszczędzone bajty. Steruj nią przyciskami Wstrzymaj, Wznów, Ponów błędy i Anuluj zadanie. Utwórz ponownie wszystkie obrazy koduje każdą kopię od nowa, także istniejące, i najpierw prosi o potwierdzenie, bo może to potrwać długo. Plik, na którym worker zatrzymał się trzy razy (limit czasu lub pamięci), jest pomijany, trafia do błędów i jest zachowany. Ponów błędy uruchamia go ponownie. Błędy wymienione przez starszą wersję nie mają zapisanego zadania, więc wtedy przycisk uruchamia Utwórz brakujące obrazy, które znów napotyka te pliki. Jeśli duży plik znów się nie powiedzie, zmniejsz go lub podnieś limity pamięci i czasu PHP. Przyciski „Wstrzymaj”, „Wznów”, „Ponów błędy” i „Anuluj zadanie” pojawiają się tylko wtedy, gdy mają zastosowanie.

Utwórz ponownie wszystkie obrazy przeszukuje cały folder motywu, a nie tylko jego folder assets, więc motyw trzymający obrazy w folderze img też dostaje WebP, AVIF i kopie w rozmiarze telefonu. Pomija node_modules, vendor, .git, tests, languages i src oraz czyta najwyżej 3000 plików. Kopie w rozmiarze telefonu (szerokości 900 px) powstają także dla obrazów, które już są WebP lub AVIF, gdy źródło jest szersze niż 1000 px.

Jeden obraz z biblioteki mediów

Gdy menedżer obrazów jest włączony, ekran „Edytuj media” ma wiersz WebP / AVIF z przyciskami Wygeneruj dla tego obrazu i Wygeneruj ponownie. Konwertuje pełny obraz i wszystkie jego rozmiary naraz i pokazuje zaoszczędzone bajty.

WP-CLI

Dla dużych bibliotek, serwerów bez crona i skryptów wdrożeniowych to samo zadanie działa w terminalu z paskiem postępu:

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 konwertuje bibliotekę i pomija obrazy, które mają już aktualną kopię, więc polecenie można bezpiecznie uruchamiać ponownie.
• –enable najpierw włącza menedżer obrazów. Bez tej opcji polecenie zatrzymuje się z komunikatem, jeśli menedżer jest wyłączony.
• –retry uruchamia tylko pliki, które zakończyły się niepowodzeniem. –force koduje każdą kopię od nowa. Obu opcji nie można łączyć, a trwające zadanie trzeba najpierw anulować.
• status pokazuje zadanie, liczniki, zaoszczędzony rozmiar i to, czy ten serwer potrafi kodować WebP.
• pause i cancel zatrzymują bieżące zadanie. Już utworzone kopie zostają.

Jeśli WP-CLI wypisze błąd parsowania z pliku rdzenia WordPressa, domyślny PHP powłoki jest starszy niż ten, którego używa strona. Uruchom WP-CLI z binarką PHP strony.