DokumentationCommerceKonfigurationshandbuch

Konfigurieren der Bildgröße für den Remote-Speicher

Last update: Mon Dec 30 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Experte
  • Admin
  • Entwickler

Standardmäßig unterstützt Adobe Commerce das Ändern der Bildgröße in der Anwendung. Durch die Aktivierung des Remote-Speichermoduls können Sie jedoch Nginx verwenden, um die Bildgröße auf die Serverseite zu verlagern, wo Sie Festplattenressourcen sparen und die Festplattenauslastung optimieren können.

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

Bildgröße

TIP
Informationen zu Adobe Commerce in Cloud-Infrastrukturprojekten finden Sie unter Konfigurieren von Remote-Speicher für Commerce in Cloud-Infrastruktur

Konfigurieren des URL-Formats in Adobe Commerce

Um die Bildgröße auf der Serverseite zu ändern, müssen Sie Adobe Commerce so konfigurieren, dass Argumente für die Höhe, Breite und Position (URL) des Bildes bereitgestellt werden.

So konfigurieren Sie Commerce für die Server-seitige Größenänderung von Bildern:

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

  2. Erweitern Sie im rechten Bereich Url options.

  3. Löschen Sie im Catalog media URL format den Eintrag Use system value.

  4. Wählen Sie die Image optimization based on query parameters-URL im Feld URL für Katalogmedien aus.

  5. Klicken Sie auf Save Config.

  6. Fahren Sie mit der Nginx-Konfiguration fort.

Konfigurieren von nginx

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

So aktivieren Sie Nginx zum Ändern der Bildgröße:

  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 enthaltenen 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 für Ihren spezifischen Adapter.

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