DokumentationCommerceKonfigurationshandbuch

Bildgröße für Remote-Speicher konfigurieren

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Experte
  • Admin
  • Entwickler

Standardmäßig unterstützt Adobe Commerce die Größenanpassung von Bildern auf der Anwendungsseite. Durch Aktivierung des Remote Storage-Moduls können Sie jedoch Nginx verwenden, um die Größe des Bildes auf die Server-Seite zu verschieben, wo Sie Festplattenressourcen sparen und die Festplattenauslastung optimieren können.

Das folgende Diagramm zeigt, wie Nginx Bilder im Cache abruft, in der Größe ändert und speichert. Die Größenanpassung wird durch die in der URL enthaltenen Parameter bestimmt, z. B. Höhe und Breite.

Bildgröße

TIP
Informationen zu Adobe Commerce in Cloud-Infrastrukturprojekten finden Sie unter Konfigurieren des Remote-Speichers für Commerce in der Cloud-Infrastruktur .

Konfigurieren des URL-Formats in Adobe Commerce

Um die Größe von Bildern serverseitig zu ändern, müssen Sie Adobe Commerce so konfigurieren, dass Argumente für die Höhe, Breite und Position (URL) des Bildes angegeben werden.

So konfigurieren Sie Commerce für die serverseitige Bildgröße:

  1. Klicken Sie im Bedienfeld Admin auf Stores > Settings > Configuration > General > Web.

  2. Erweitern Sie im rechten Bereich den Wert Url options.

  3. Löschen Sie im Abschnitt Catalog Media URL format den Wert Use system value.

  4. Wählen Sie die URL Image optimization based on query parameters im Feld URL-Format der Katalogmedien-URL aus.

  5. Klicken Sie auf Save Config.

  6. Fahren Sie mit der Nginx-Konfiguration fort.

Nginx konfigurieren

Um mit der Konfiguration der serverseitigen Bildgröße fortzufahren, müssen Sie die Datei "nginx.conf"vorbereiten und einen "proxy_pass"-Wert für den ausgewählten Adapter angeben.

So aktivieren Sie Nginx, um die Bildgröße zu ändern:

  1. Installieren Sie das Nginx-Bildfiltermodul.

    code language-shell 
    load_module /etc/nginx/modules/ngx_http_image_filter_module.so;

  2. Erstellen Sie eine nginx.conf -Datei basierend auf der eingeschlossenen Vorlage nginx.conf.sample . Beispiel:

    code language-conf 
    location ~* \.(jpg|jpeg|png|gif|webp)$ {
    set $width "-";
    set $height "-";
    if ($arg_width != '') {
        set $width $arg_width;
    }
    if ($arg_height != '') {
        set $height $arg_height;
    }
    image_filter resize $width $height;
    image_filter_jpeg_quality 90;
}

  3. [Optional] Konfigurieren Sie einen proxy_pass -Wert für Ihren spezifischen Adapter.

recommendation-more-help
386822bd-e32c-40a8-81c2-ed90ad1e198c