Afbeeldingsgrootte configureren voor externe opslag

Adobe Commerce biedt standaard ondersteuning voor het vergroten of verkleinen van afbeeldingen aan de toepassingszijde. Door de externe opslagmodule in te schakelen kunt u Nginx echter gebruiken om de grootte van de afbeelding te verschuiven naar de serverzijde, waar u schijfbronnen kunt opslaan en schijfgebruik kunt optimaliseren.

In het volgende diagram ziet u hoe Nginx afbeeldingen in het cachegeheugen ophaalt, vergroot of verkleint en opslaat. Het formaat wordt bepaald door de parameters die in de URL zijn opgenomen, zoals hoogte en breedte.

afbeelding vergroten/verkleinen

TIP
Voor Adobe Commerce over infrastructuurprojecten in de cloud gaat u naar Externe opslag configureren voor handel op Cloud-infrastructuur

URL-indeling configureren in Adobe Commerce

Als u het formaat van afbeeldingen aan de serverzijde wilt wijzigen, moet u Adobe Commerce zodanig configureren dat er argumenten worden opgegeven voor de hoogte, breedte en locatie (URL) van de afbeelding.

Om Commerce voor server-kant beeld resizing te vormen:

  1. In de Beheerder deelvenster, klikt u op Stores > Settings > Configuration > General > Web.

  2. Vouw in het rechterdeelvenster uit Url options.

  3. In de De URL-indeling van catalogusmedia sectie, duidelijk Use system value.

  4. Selecteer de Image optimization based on query parameters URL in de De URL-indeling van catalogusmedia veld.

  5. Klik op Save Config.

  6. Doorgaan naar de Nginx-configuratie.

Nginx configureren

Als u de grootte van afbeeldingen op de server wilt blijven configureren, moet u de knop nginx.conf en een proxy_pass waarde voor de gekozen adapter.

Nginx inschakelen om het formaat van afbeeldingen te wijzigen:

  1. Installeer de Filtermodule Nginx-afbeelding.

    code language-shell
    load_module /etc/nginx/modules/ngx_http_image_filter_module.so;
    
  2. Een nginx.conf bestand op basis van de opgenomen sjabloon nginx.conf.sample bestand. Bijvoorbeeld:

    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. [Optioneel] Een proxy_pass waarde voor uw specifieke adapter.

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