DocumentazioneCommerceGuida alla configurazione

Configurare il ridimensionamento delle immagini per l'archiviazione remota

Last update: Wed Aug 16 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Creato per:

  • Experienced
  • Admin
  • Developer

Per impostazione predefinita, Adobe Commerce supporta il ridimensionamento delle immagini lato applicazione. Tuttavia, attivando il modulo di archiviazione remota, è possibile utilizzare Nginx per scaricare il ridimensionamento delle immagini sul lato server, dove è possibile risparmiare risorse disco e ottimizzare l'utilizzo del disco.

Il diagramma seguente mostra come Nginx recupera, ridimensiona e memorizza le immagini nella cache. Il ridimensionamento è determinato dai parametri inclusi nell’URL, ad esempio altezza e larghezza.

ridimensionamento immagine

TIP
Per i progetti Adobe Commerce su infrastrutture cloud, consulta Configurare l’archiviazione remota per l’infrastruttura Commerce on Cloud

Configurare il formato URL in Adobe Commerce

Per ridimensionare le immagini sul lato server, devi configurare Adobe Commerce in modo da fornire argomenti per l’altezza, la larghezza e la posizione (URL) dell’immagine.

Per configurare Commerce per il ridimensionamento delle immagini lato server:

  1. In Amministratore , fare clic su Stores > Settings > Configuration > General > Web.

  2. Nel riquadro di destra, espandere Url options.

  3. In Formato URL del catalogo multimediale sezione, cancella Use system value.

  4. Seleziona la Image optimization based on query parameters URL in Formato URL del catalogo multimediale campo.

  5. Clic Save Config.

  6. Continua con Configurazione Nginx.

Configurare Nginx

Per continuare a configurare il ridimensionamento delle immagini lato server, è necessario preparare il nginx.conf e fornire un proxy_pass valore per la scheda di rete scelta.

Per consentire a Nginx di ridimensionare le immagini:

  1. Installare Modulo filtro immagini Nginx.

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

  2. Creare un nginx.conf file basato sul modello incluso nginx.conf.sample file. Ad esempio:

    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. [Facoltativo] Configurare un proxy_pass valore per la scheda di rete specifica.

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