WebP- und AVIF-Bilder: automatische Umwandlung und Auslieferung

Der Tab Bilder (Baza Helper > Bilder) erstellt kleinere Kopien Ihrer Bilder und liefert sie an Browser aus, die sie anzeigen können. Originaldateien, Anhangs-IDs, Alt-Texte und Abmessungen bleiben unverändert.

So schalten Sie es ein

1. Öffnen Sie den Tab „Bilder“ und prüfen Sie Server-Unterstützung. Ein Format, das Ihr Server nicht kodieren kann, wird als nicht verfügbar angezeigt und übersprungen.
2. Schalten Sie Bildverwaltung aktivieren ein.
3. Klicken Sie auf Fehlende Bilder erzeugen. Der Job läuft im Hintergrund über WP-Cron, Sie können den Tab also schließen.

WebP ist im kostenlosen Plugin enthalten. AVIF ist eine Pro-Funktion.

Formate und Qualität

• Neue Bilder automatisch komprimieren wandelt neue Uploads im Hintergrund um.
• WebP erzeugen und WebP-Qualität. AVIF erzeugen und AVIF-Qualität mit Pro.
• Nur Dateien behalten, die kleiner als das Original sind verwirft eine Kopie, die nichts eingespart hat.

Welche Bilder umgewandelt werden

• Responsive Bildgrößen einbeziehen und Originale in voller Auflösung einbeziehen.
• Bild-Assets des Themes einbeziehen und Include plugin images (der Buchungskalender und andere).
• Auf Seiten gefundene Bilder automatisch konvertieren wandelt jedes lokale Bild um, das eine Seite, ein Stylesheet oder ein Skript anfordert, sodass auch Bilder von Page-Buildern und Plugins abgedeckt sind, nicht nur die Mediathek.

Animierte Bilder bleiben ohne Umwandlung erhalten. Ein Bild über dem Pixellimit wird mit einer Meldung übersprungen, und Sie können Maximale Quellgröße (Megapixel) erhöhen, um es umzuwandeln. Dateien pro Cron-Batch und Zeitbudget pro Batch (Sekunden) werden bei jedem Cron-Takt gelesen, eine Änderung wirkt sich also auch auf einen bereits laufenden Job aus.

Auslieferung auf der Website

• Bilder automatisch umschalten setzt das beste unterstützte Format vor das Original, das Original bleibt der Fallback. Vorhandene picture-Elemente und externe Bilder bleiben unberührt.
• Hintergründe und CSS automatisch umschalten deckt CSS-Hintergründe über erzeugte Kopien der Stylesheets ab.
• Dynamisch eingefügte Bilder unterstützen verarbeitet Bilder, die Skripte nach dem Laden der Seite hinzufügen.
• Unterstützte Page-Caches leeren, wenn der Job abgeschlossen ist sorgt dafür, dass neue Seiten die neuen Dateien verwenden.

Warteschlange

Die Karte der Warteschlange zeigt verarbeitete Medien, verarbeitete Bildvarianten, erzeugte Formate, übersprungene, Fehler und gesparte Bytes. Steuern Sie sie mit Pausieren, Fortsetzen, Fehler wiederholen und Job abbrechen. Alle Bilder neu erzeugen kodiert jede Kopie neu, auch bereits vorhandene, und fragt zuerst nach einer Bestätigung, weil es lange dauern kann. Eine Datei, bei der der Worker dreimal anhält (Zeit- oder Speicherlimit), wird übersprungen, als Fehler aufgeführt und behalten. Fehler wiederholen führt sie erneut aus. Fehler einer älteren Version haben keine gespeicherte Aufgabe, daher führt die Schaltfläche dann Fehlende Bilder erzeugen aus, das diese Dateien wieder erfasst. Scheitert eine große Datei erneut, verkleinern Sie sie oder erhöhen Sie das PHP-Speicher- und Zeitlimit. Die Schaltflächen „Pausieren“, „Fortsetzen“, „Fehler wiederholen“ und „Job abbrechen“ erscheinen nur, wenn sie zutreffen.

Alle Bilder neu erzeugen durchsucht den gesamten Theme-Ordner, nicht nur seinen assets-Ordner, sodass auch ein Theme, das Bilder in einem img-Ordner hält, WebP, AVIF und Kopien in Telefongröße bekommt. Es überspringt node_modules, vendor, .git, tests, languages und src und liest höchstens 3000 Dateien. Kopien in Telefongröße (900 px breit) entstehen auch für Bilder, die schon WebP oder AVIF sind, wenn die Quelle breiter als 1000 px ist.

Ein einzelnes Bild aus der Mediathek

Bei eingeschaltetem Bild-Manager hat der Bildschirm „Medien bearbeiten“ eine Zeile WebP / AVIF mit Für dieses Bild erzeugen und Neu erzeugen. Sie wandelt das Originalbild und alle Größen auf einmal um und zeigt die gesparten Bytes.

WP-CLI

Für große Mediatheken, Server ohne Cron und Deploy-Skripte läuft derselbe Job im Terminal mit einem Fortschrittsbalken:

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 wandelt die Mediathek um und überspringt Bilder, die bereits eine aktuelle Kopie haben, daher ist der Befehl gefahrlos wiederholbar.
• –enable schaltet zuerst den Bild-Manager ein. Ohne diese Option bricht der Befehl mit einer Meldung ab, wenn der Manager aus ist.
• –retry führt nur die Dateien aus, die fehlgeschlagen sind. –force kodiert jede Kopie neu. Die beiden lassen sich nicht kombinieren, und ein laufender Job muss zuerst abgebrochen werden.
• status zeigt den Job, die Zähler, die gesparte Größe und ob dieser Server WebP kodieren kann.
• pause und cancel stoppen den aktuellen Job. Bereits erstellte Kopien bleiben erhalten.

Gibt WP-CLI einen Parse-Fehler aus einer WordPress-Kerndatei aus, ist das Standard-PHP der Shell älter als das der Website. Führen Sie WP-CLI mit der PHP-Binärdatei der Website aus.