Bildgröße für Remote-Speicher konfigurieren

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 zu Cloud-Infrastrukturprojekten finden Sie unter Remote-Speicher für Commerce in Cloud-Infrastruktur konfigurieren

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. Im Admin Bereich, klicken Sie Stores > Settings > Configuration > General > Web.

  2. Erweitern Sie im rechten Bereich Url options.

  3. Im URL-Format für Catalog Media Abschnitt löschen Use system value.

  4. Wählen Sie die Image optimization based on query parameters URL in der URL-Format für Catalog Media -Feld.

  5. Klicken Save Config.

  6. Fahren Sie mit Nginx-Konfiguration.

Nginx konfigurieren

Um mit der Konfiguration der serverseitigen Bildgröße fortzufahren, müssen Sie die nginx.conf und stellen Sie eine proxy_pass -Wert für den gewählten Adapter.

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

  1. Installieren Sie die 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 Vorlage nginx.conf.sample -Datei. 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 eine proxy_pass -Wert für Ihren spezifischen Adapter.

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