DocumentatieCommerceConfiguratiegids

Afbeeldingsgrootte configureren voor externe opslag

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

Gemaakt voor:

  • Ervaren
  • Beheerder
  • Ontwikkelaar

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.

beeld resize

TIP
Voor Adobe Commerce op de projecten van de wolkeninfrastructuur, zie verre opslag voor Commerce op de infrastructuur van de Wolk vormen

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-zijbeeld te vormen resizing:

  1. In het Admin paneel, klik Stores > Settings > Configuration > General > Web.

  2. Vouw Url options uit in het rechterdeelvenster.

  3. In de media URL van de Catalogus formaat sectie, ontruim Use system value.

  4. Selecteer Image optimization based on query parameters URL in het media URL formaat van de Catalogus gebied.

  5. Klik op Save Config.

  6. Ga aan de configuratie Nginxverder.

Nginx configureren

Als u de grootte van afbeeldingen aan de serverzijde wilt blijven configureren, moet u het nginx.conf -bestand voorbereiden en een proxy_pass -waarde voor de door u gekozen adapter opgeven.

om Nginx toe te laten om beelden resize:

  1. Installeer de Nginx module van de beeldfilter.

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

  2. Maak een nginx.conf -bestand op basis van het 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. [Facultatieve] vorm een proxy_pass waarde voor uw specifieke adapter.

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