Converter for Media – Convert WebP and AVIF & Optimize Images

Description

Beschleunigen Sie Ihre Website mit unserem einfachen Bildoptimierer, indem Sie WebP- und AVIF-Bilder bereitstellen. Durch das Ersetzen von Dateien in Standardformaten JPEG, PNG und GIF durch WebP- und AVIF-Formate können Sie mehr als die Hälfte des Seitengewichts sparen, ohne an Qualität zu verlieren.

Nach der Installation des Plugins müssen Sie nichts mehr tun. Ihre aktuellen Bilder werden in ein neues Format konvertiert. Wenn die Bildoptimierung durch unseren Bildoptimierer abgeschlossen ist, erhalten Benutzer automatisch neue, viel hellere Bilder als die ursprünglichen.

Bis heute verwenden über 90% o Benutzer Browser, die das WebP-Format unterstützen. Die Ladezeit Ihrer Website hängt in hohem Maße von ihrem Gewicht und dem Grad der Bildoptimierung ab. Mit unserem Bildoptimierer können Sie es jetzt in wenigen Sekunden ohne großen Aufwand beschleunigen!

Dies ist ein Gewinn sowohl für Ihre Benutzer, die nicht so viele Daten herunterladen müssen, als auch für einen Server, der weniger ausgelastet ist. Denken Sie daran, dass eine besser optimierte Website auch Ihr Google-Ranking beeinflusst. Bildoptimierung ist sehr wichtig.

AVIF Unterstützung

Jetzt können Sie in der PRO-Version AVIF als Ausgabeformat für Ihre Bilder verwenden. Das AVIF-Format ist eine neue Erweiterung – ist der Nachfolger von WebP. AVIF ermöglicht es Ihnen, noch höhere Ebenen der Bildkomprimierung zu erreichen, und die Qualität der konvertierten Bilder nach der Bildoptimierung ist besser als in WebP.

Wie funktioniert das?

  • Wenn Sie das Plugin gerade installiert haben, können Sie Bilder mit einem Klick optimieren. Die Bildgröße wird nach dem Generieren von Webp kleiner sein!
  • Neue Bilder, die der Medienbibliothek hinzugefügt werden, werden automatisch konvertiert.
  • Unser Bild-Optimierungs-Plugin verändert Ihre Originalbilder in keiner Weise. Das bedeutet Sicherheit für Sie und Ihre Dateien.
  • Wenn der Browser ein Bild lädt, prüft unser Plugin, ob es das WebP Format unterstützt. Wenn ja, wird das Bild im WebP Format geladen.
  • Das Plugin erstellt keine Weiterleitungen im Standardmodus, daher ist die URL immer gleich. Nur der MIME-Typ des Abbilds ändert sich in image/webp .
  • Keine Weiterleitungen bedeuten keine Cache-Probleme, schnellerer und störungsfreier Betrieb Ihrer Website. Wenn Sie mehr darüber erfahren möchten, wie es funktioniert, lesen Sie die Plugin-FAQ unten.
  • Dabei spielt es keine Rolle, ob das Bild als img HTML-Tag angezeigt wird oder du es Hintergrundbild. verwendest. Es funktioniert immer!
  • Falls das Umschreiben durch Regeln aus der .htaccess-Datei blockiert ist, steht ein Modus zur Verfügung, der Bilder per PHP Datei lädt. Dann werden die Bild URLs geändert, aber die Logik der Arbeitsweise ist dieselbe wie im Fall des Standardmodus.
  • Das Endergebnis nach der Bildoptimierung ist, dass Ihre Benutzer weniger als die Hälfte der Daten herunterladen und die Website selbst schneller geladen wird!
  • Sie verlieren nichts – wenn Sie das Plugin entfernen müssten, wird es alles nach sich selbst entfernen. Es hinterlässt keine Spuren, so dass Sie es mit Leichtigkeit überprüfen können.

WebP konvertieren – das ist die Zukunft der Bildoptimierung!

Optimieren Sie Bilder und heben Sie Ihre Website jetzt auf ein neues Level! Installieren Sie das Plugin und genießen Sie die Website, die durch Bildoptimierung schneller geladen wird. Sicherlich werden Sie und Ihre Benutzer es zu schätzen wissen.

Unterstützung für zusätzliche Verzeichnisse

Sie können WebP konvertieren und Bilder nicht nur aus /uploads Verzeichnissen, sondern auch aus /plugins /themes verzeichnissen und optimieren. Dies ermöglicht eine vollständige Integration mit dem WebP-Format!

Unterstützung bei der Entwicklung des Plugins

Wir verbringen Stunden damit, an der Entwicklung dieses Plugins zu arbeiten. Auch der technische Support erfordert viel Zeit, aber wir tun es, weil wir dir das beste Plugin bieten wollen. Wir freuen uns über jede neue Plugin-Installation.

Wenn Sie es schätzen möchten, können Sie die PRO-Version ausprobieren. Darüber hinaus erhalten Sie Zugang zu zusätzlichen Funktionen, mit denen Sie noch bessere Ergebnisse bei der Bildoptimierung erzielen können.

Bitte lesen Sie auch die FAQ unten. Vielen Dank, dass Sie bei uns sind!

Screenshots

  • Bildschirmfoto des Optionsfelds
  • Bildschirmfoto vom Regenerieren von Bildern

Installation

  1. Laden Sie die Plugin-Dateien in ein Verzeichnis hoch /wp-content/plugins/webp-converter-for-media oder installieren Sie das Plugin direkt über den WordPress-Plugins-Bildschirm.
  2. Aktivieren Sie das Plugin über Plugins den Bildschirm im WordPress Admin Panel.
  3. Verwenden Sie Settings -> Settings -> WebP Converter den Bildschirm, um das Plugin zu konfigurieren.
  4. Klicken Sie auf den Button Regenerate All .
  5. Überprüfen Sie, ob alles gut funktioniert.

Das ist alles! Ihre Website lädt bereits schneller!

FAQ

Wie erhalte ich technischen Support? (bevor Sie um Hilfe bitten)

Bitte füge Sie immer Ihr ein Thema hinzu, lesen Sie zuerst alle anderen Fragen in den FAQ des Plugins und die anderen Themen im Support-Forum. Vielleicht hatte jemand ein ähnliches Problem und es wurde gelöst.

Wenn Sie ein Thema hinzufügen, führen Sie die folgenden Schritte aus und antworten Sie auf jeden von ihnen:

1. Haben Sie einen Fehler auf der Plugin-Einstellungsseite? Bitte lesen Sie diesen Thread, wenn Sie irgendwelche Fehler haben.

2. URL Ihrer Website.

3. Konfiguration Ihres Servers (Link dazu finden Sie auf der Einstellungsseite des Plugins im Abschnitt «Wir warten auf Ihre Nachricht») – bitte machen Sie einen Screenshot der GESAMTEN Seite und senden Sie ihn mir.

4. Einstellungen des Plugins – bitte machen Sie ein Bildschirmfoto der GESAMTEN Seite und senden Sie mir dieses zu.

5. Bitte führe Sie den Test durch, der in der fraglichen FAQ beschrieben wird Wie kann ich überprüfen, ob das Plugin funktioniert?. Bitte senden Sie ein Bildschirmfoto von Devtools mit den Testergebnissen.

Bitte denken Sie daran, die Antworten für alle Fragen einzufügen, indem Sie einen Thread hinzufügen. Es ist viel einfacher und beschleunigt die Lösung Ihres Problems.

Fehler auf dem Plugin-Einstellungs Seite?

Wenn Sie einen Fehler auf dem Plugin-Einstellungsbildschirm haben, lesen Sie ihn bitte zunächst sorgfältig durch. Sie werden angezeigt, wenn ein Problem mit der Konfiguration Ihres Servers oder Ihrer Website vorliegt.

Die Nachrichten sind so konzipiert, dass die Anzahl der wiederholten Supportanfragen reduziert wird. Das spart Ihnen und uns Zeit. Bitte lesen Sie diesen Thread für weitere Informationen.

Fehler beim Konvertieren?

Sie können beim Konvertieren verschiedene Arten von Fehlern erhalten. Lesen Sie zunächst ihren Inhalt sorgfältig durch. In den meisten Fällen können Sie dieses Problem selbst lösen. Versuchen Sie dies oder wenden Sie sich an den Serveradministrator.

Wenn Sie einen Fehler erhalten: Die Datei “%s“ existiert nicht. Bitte überprüfen Sie den Pfad. bedeutet, dass die funktion file_exists() in PHP false mit dem in der Fehlermeldung angegebenen Dateipfad zurückgegeben wird. Überprüfen Sie diesen Pfad und stellen Sie sicher, dass er korrekt ist.

Wenn Sie einen Fehler erhalten: Die Datei „%s“ ist nicht lesbar. Bitte prüfen Sie die Dateiberechtigungen. bedeutet, dass die funktion is_readable() in PHP false mit dem in der Fehlermeldung angegebenen Dateipfad zurückgegeben wird. Überprüfen Sie die Berechtigungen für die Datei und das Verzeichnis, in dem sich die Datei befindet.

Wenn Sie einen Fehler erhalten: “%s“ ist keine gültige Bilddatei. bedeutet, dass die Datei in irgendeiner Weise beschädigt ist. Laden Sie die Datei auf die Festplatte herunter, speichern Sie sie erneut mit einem beliebigen Grafikprogramm und fügen Sie sie der Seite erneut hinzu. Wenn der Fehler auf einzelne Bilder zutrifft, können Sie ihn ignorieren – nur die Originalbilder werden geladen, nicht WebP.

Wenn Sie eine Fehlermeldung erhälst: Das in .webp konvertierte Bild „%s“ ist größer als das Original und die konvertierte .webp-Datei wurde gelöscht. bedeutet, dass das Originalbild weniger wog als WebP. Dies passiert, wenn Bilder zuvor komprimiert wurden. Deaktiviere die Option «Automatisches Entfernen von Dateien in Ausgabeformaten, die größer als das Original sind» in den Plugin-Einstellungen, um immer die Verwendung von WebP zu erzwingen.

Im Falle der oben genannten Probleme ist die Kontaktaufnahme mit dem Support-Forum nutzlos. Leider können wir Ihnen nicht helfen, wenn Ihre Dateien beschädigt sind. Sie müssen es selbst reparieren. Wenn Sie zuvor andere Tools verwendet haben, die die Originaldateien geändert und beschädigt haben, werden Sie nichts weiter tun.

Denken Sie daran, dass es vorkommt, dass andere Plugins Probleme mit dem Zugriff auf Dateien oder die REST-API verursachen können. Bitte versuchen Sie, alle anderen Plugins zu deaktivieren und das Standardthema festzulegen, um sicherzustellen, dass es nicht eines von ihnen ist, das diese Art von Problemen verursacht.

Was sind die Anforderungen an das Plugin?

Praktisch jedes Hosting erfüllt diese Anforderungen. Sie müssen mindestens PHP 7.0 verwenden und die GD Imagick oder-Erweiterung installiert haben. Die Erweiterung muss WebP format unterstützen. Wenn Sie einen Fehler haben, der besagt, dass die GD- oder Imagick-Bibliothek nicht installiert ist, Aber Sie haben sie installiert, dann sind sie wahrscheinlich falsch konfiguriert und haben keine WebP-Unterstützung.

Sie sind benötigte native PHP-Erweiterungen, die unter anderem von WordPress verwendet werden, um Miniaturansichten zu generieren. Auf dem Server müssen auch die Module mod_mime mod_rewrite und aktiviert mod_expires sein.

Ein Beispiel für die korrekte Serverkonfiguration finden Sie hier. Den Link zu Ihrer aktuellen Konfiguration finden Sie im Administrationsbereich auf der Verwaltungs-Plugin-Seite im Abschnitt «Wir warten auf Ihre Nachricht» (oder über den URL-Pfad: / wp-admin/options-general.php?page=webpc_admin_page&action=server).

Beachten Sie die rot markierten Elemente. Wenn die rot markierten Werte in Ihrem Fall nicht erscheinen, bedeutet dies, dass Ihr Server die technischen Anforderungen nicht erfüllt. Achten Sie auf den WebP-Unterstützungswert für die GD-Bibliothek und WEBP in der Liste der unterstützten Erweiterungen für die Imagick-Bibliothek.

In einer Situation, in der Ihr Server die technischen Anforderungen nicht erfüllt, wenden Sie sich bitte an Ihren Serveradministrator. Wir sind nicht in der Lage, Ihnen zu helfen. Bitte kontaktieren Sie uns nicht in dieser Angelegenheit, da dies ein Serverkonfigurationsproblem ist, kein Plugin.

Auch die REST-API muss aktiviert sein und ohne zusätzliche Einschränkungen funktionieren. Wenn Sie ein Problem damit haben, wenden Sie sich bitte an den Entwickler, der Ihre Website erstellt hat. Er sollte leicht feststellen, dass das Problem mit der REST-API nicht funktioniert.

Wie überprüfe ich, ob das Plugin funktioniert?

Weitere Informationen zur Funktionsweise des Plugins finden Sie in unserem Handbuch.

Wie ändere ich den Pfad zu Uploads?

Dies ist mit den folgenden Filtertypen möglich, um Standardpfade zu ändern. Es ist eine Lösung für fortgeschrittene Benutzer. Wenn dies nicht der Fall ist, überspringen Sie bitte diese Frage.

Pfad zum Root-Installationsverzeichnis von WordPress ABSPATH (standardmäßig)::

add_filter( 'webpc_site_root', function( $path ) {
    return ABSPATH;
} );

Pfad zum /uploads Verzeichnis (relativ zum Stammverzeichnis)::

add_filter( 'webpc_dir_name', function( $path, $directory ) {
    if ( $directory !== 'uploads' ) {
        return $path;
    }
    return 'wp-content/uploads';
}, 10, 2 );

Verzeichnispfad mit konvertierten WebP-Dateien (relativ zum Stammverzeichnis)::

add_filter( 'webpc_dir_name', function( $path, $directory ) {
    if ( $directory !== 'webp' ) {
        return $path;
    }
    return 'wp-content/uploads-webpc';
}, 10, 2 );

Beachten Sie, dass sich das /uploads-webpc Verzeichnis auf derselben Verschachtelungsebene wie /uploads die und /plugins /themes Verzeichnisse befinden muss.

Präfix in der URL des /wp-content/ Verzeichnisses oder eines gleichwertigen Verzeichnisses (wird in .htaccess verwendet)::

add_filter( 'webpc_htaccess_rewrite_path', function( $prefix ) {
    return '/';
} );

Für die folgende benutzerdefinierte WordPress-Beispielstruktur:

...
├── web
    ...
    ├── app
    │   ├── mu-plugins
    │   ├── plugins
    │   ├── themes
    │   └── uploads
    ├── wp-config.php
    ...

Verwenden Sie die folgenden Filter:

add_filter( 'webpc_site_root', function( $path ) {
    return 'C:/WAMP/www/project/webp'; // your valid path to root
} );
add_filter( 'webpc_dir_name', function( $path, $directory ) {
    if ( $directory !== 'uploads' ) {
        return $path;
    }
    return 'app/uploads';
}, 10, 2 );
add_filter( 'webpc_dir_name', function( $path, $directory ) {
    if ( $directory !== 'webp' ) {
        return $path;
    }
    return 'app/uploads-webpc';
}, 10, 2 );
add_filter( 'webpc_htaccess_rewrite_path', function( $prefix ) {
    return '/';
} );

Nach dem Setzen der Filter gehen Sie Settings -> WebP Converter in das Admin-Panel und klicken Sie auf die Save Changes Schaltfläche. Dateien mit .htaccess entsprechenden Regeln sollten in den Verzeichnissen und erstellt /uploads /uploads-webpc werden.

Wie kann man Pfade von der Konvertierung ausschließen?

Um ausgewählte Verzeichnisse auszuschließen, verwende Sie den folgenden Filter:

add_filter( 'webpc_supported_source_directory', function( bool $status, string $directory_name, string $server_path ): bool {
    $excluded_directories = [ 'my-directory' ];
    if ( ! $status || in_array( $directory_name, $excluded_directories ) ) {
        return false;
    }

    return $status;
}, 10, 3 );

Um ausgewählte Dateien auszuschließen, verwenden Sie den folgenden Filter:

add_filter( 'webpc_supported_source_file', function( bool $status, string $file_name, string $server_path ): bool {
    $excluded_files = [ 'my-image.jpg' ];
    if ( ! $status || in_array( $file_name, $excluded_files ) ) {
        return false;
    }

    return $status;
}, 10, 3 );

Das Argument $server_path ist der absolute Serverpfad zu einem Verzeichnis oder einer Datei. Innerhalb der Filter kannst du bei Bedarf kompliziertere Regeln anwenden.

Filter werden ausgeführt, bevor Bilder konvertiert werden – sie unterstützen keine konvertierten Bilder mehr. Sie müssen sie manuell löschen, wenn sie nicht konvertiert werden sollen.

Wie führe ich die manuelle Konvertierung durch?

Standardmäßig werden alle Bilder konvertiert, wenn Sie auf die Regenerate All Schaltfläche klicken. Darüber hinaus erfolgt die Konvertierung automatisch, wenn Sie Ihrer Medienbibliothek neue Dateien hinzufügen.

Denken Sie daran, dass unser Plugin Bilder berücksichtigt, die von WordPress generiert wurden. Es gibt viele Plugins, die beispielsweise Bilder einer anderen Größe oder in einer anderen Version generieren.

Wenn Sie mit Ihrem Plugin, das Bilder selbst generiert, integrieren möchten, können Sie dies tun. Unser Plugin bietet die Möglichkeit dieser Art der Integration. Dies funktioniert für alle Bilder im /wp-content Verzeichnis.

Es ist eine Lösung für fortgeschrittene Benutzer. Wenn Sie ein anderes Plugin integrieren möchten, wenden Sie sich am besten an den Autor dieses Plugins und geben Sie ihm Informationen über die in unserem Plugin verfügbaren Aktionen. Dies wird Ihnen helfen, schneller eine Lösung zu finden.

Du kannst die Konvertierung ausgewählter Dateien manuell durchführen, du kannst die Aktion verwenden, der du ein Array mit einer Liste von Pfaden (es müssen absolute Serverpfade sein) übergibst:

do_action( 'webpc_convert_paths', $paths );

Eine alternative Methode besteht darin, die Konvertierung des ausgewählten Anhangs manuell zu starten, indem die Beitrags-ID aus der Medienbibliothek übergeben wird. Denken Sie daran, diese Aktion auszuführen, nachdem Sie alle Bildgrößen registriert haben (d. H. Nachdem Sie die add_image_size Funktion ausgeführt haben):

do_action( 'webpc_convert_attachment', $post_id );

Argument $paths ist ein Array von absoluten Serverpfaden und $skip_exists bedeutet, ob konvertierte Bilder übersprungen werden sollen.

Sie können auch die Liste der Bildpfade für einen Anhang ändern, z.B. um eine Bildgröße auszuschließen. Verwenden Sie dazu den folgenden Filter:

add_filter( 'webpc_attachment_paths', function( $paths, $attachment_id ) {
    return $paths;
}, 10, 2 );

Argument $paths ist ein Array absoluter Serverpfade und die $attachment_id Beitrags-ID der Anlage, die der Medienbibliothek hinzugefügt wurde.

Um manuell konvertierte Dateien zu löschen, verwenden Sie die folgende Aktion, wobei Sie als Argument ein Array mit absoluten Serverpfaden zu den Dateien angeben (dies löscht manuell konvertierte Dateien):

do_action( 'webpc_delete_paths', $paths );

Support für WP-CLI

Das Plugin unterstützt WP-CLI, was eine schnellere Bildkonvertierung von der Serverebene aus ermöglicht. Weitere Informationen zu den ersten Schritten mit WP-CLI finden Sie im Handbuch. Die unterstützten Befehle werden im Folgenden beschrieben.

Überprüfen, wie viele maximale Bilder für die Conversion auf der Website vorhanden sind:

wp webp-converter calculate

Konvertieren aller Bilder:

wp webp-converter regenerate

Konvertieren aller Bilder (mit der Option «Alle Bilder erneut konvertieren erzwingen»):

wp webp-converter regenerate -force

Unterstützt das Plugin CDN?

Die Website-Dateien (WordPress-Dateien) und die Bilder aus der Mediathek müssen sich auf demselben Server befinden. Wenn ja, sollte alles gut funktionieren.

Wenn sich Ihre Bilder nur auf einem anderen CDN-Server befinden, ist ein korrekter Betrieb leider unmöglich, da solche Bilder von einem anderen Server verwaltet werden.

Konfiguration für Nginx

Für Nginx-Server, die .htaccess-Regeln nicht unterstützen, ist eine zusätzliche Nginx-Serverkonfiguration erforderlich, damit das Plugin ordnungsgemäß funktioniert.

Suchen Sie dann die Konfigurationsdatei in einem der Pfade (denken Sie daran, die von Ihrem vhost verwendete Konfigurationsdatei auszuwählen)::
/etc/nginx/sites-available/ oder /etc/nginx/sites-enabled/
/etc/nginx/conf.d/

und fügen Sie diesen Code hinzu (fügen Sie diese Zeilen am Anfang des server { ... } Blocks hinzu):

# BEGIN WebP Converter for Media
set $ext_avif ".avif";
if ($http_accept !~* "image/avif") {
    set $ext_avif "";
}

set $ext_webp ".webp";
if ($http_accept !~* "image/webp") {
    set $ext_webp "";
}

location ~ /wp-content/(?<path>.+)\.(?<ext>jpe?g|png|gif|webp)$ {
    add_header Vary Accept;
    add_header Cache-Control "private" always;
    expires 365d;
    try_files
        /wp-content/uploads-webpc/$path.$ext$ext_avif
        /wp-content/uploads-webpc/$path.$ext$ext_webp
        $uri =404;
}
# END WebP Converter for Media

Bearbeiten Sie die Konfigurationsdatei:
/etc/nginx/mime.types

und fügen Sie diesen Code hinzu (füge Sie diese Zeilen innerhalb des types { ... } Blocks hinzu)::

image/webp webp;
image/avif avif;

Vergessen Sie nicht, das Gerät nach den Änderungen neu zu starten:

systemctl restart nginx

Reviews

15. Mai 2022
Simply install and adjust your website for all of them devices. The user interface is easy to understand, and even an inexperienced user like myself can use it without any problems.
13. Mai 2022
I came across this plugin just at the time when I had discovered I would be better using WEBP images to cut down loading times. I had already started converting some of my JPEGs to WEBP myself and uploading them to my blog. So I installed this plugin and let it do the work for me. So far so good. I haven't had a problem and continue to use it. There have been one or two updates. Mostly they have gone OK. I expect to use this Plugin into the future. Great work. Keep it up.
Read all 569 reviews

Contributors & Developers

“Converter for Media – Convert WebP and AVIF & Optimize Images” is open source software. The following people have contributed to this plugin.

Contributors

“Converter for Media – Convert WebP and AVIF & Optimize Images” has been translated into 15 locales. Thank you to the translators for their contributions.

Translate “Converter for Media – Convert WebP and AVIF & Optimize Images” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

4.3.4 (2022-05-10)

  • [Geändert] Generieren von Rewrite-Regeln für den Lademodus über .htaccess (gilt für rewrites_not_working Serverkonfigurationsfehler)
  • [Geändert] Meldung über rewrites_not_executed Serverkonfigurationsfehler

4.3.3 (2022-05-08)

  • [Behoben] Berechnung der Anzahl der zu konvertierenden Bilder
  • [Hinzugefügt] Filtere webpc_option_quality_levels, um die Conversion-Qualitätsstufen zu ändern

4.3.2 (2022-04-20)

  • [Hinzugefügt] Konvertierungsüberspringen für animierte GIF-Bilder hinzugefügt
  • [Hinzugefügt] Neue Informationen zum Status der Bildkonvertierung hinzugefügt
  • [Hinzugefügt] Möglichkeit hinzugefügt, nur in das AVIF-Format zu konvertieren

4.3.1 (2022-04-05)

  • [Behoben] Generieren von Rewrite-Regeln über den .htaccess-Lademodus

4.3.0 (2022-04-01)

  • [Behoben] Autorisierung des Zugriffs auf die REST-API
  • [Geändert] Beschreibung der Plugin-Bedienung in den Plugin-Einstellungen
  • [Hinzugefügt] Befehl «wp webp-converter calculate» für WP-CLI
  • [Hinzugefügt] Befehl «wp webp-converter regenerate» für WP-CLI
  • [Hinzugefügt] Konvertierung von .webp-Dateien in das AVIF-Format
  • [Hinzugefügt] Unterstützung für Umgebungen, in denen sich DOCUMENT_ROOT vom WordPress-Installationsverzeichnis unterscheidet

Siehe changelog.txt für frühere Versionen.