DocumentazioneCommerceGuida alla configurazione

Configurare il ridimensionamento delle immagini per l'archiviazione remota

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

Creato per:

  • Esperto
  • Amministratore
  • Sviluppatore

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 Commerce su infrastrutture 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. Nel pannello Amministratore, fare clic su Stores > Settings > Configuration > General > Web.

  2. Nel riquadro di destra espandere Url options.

  3. Nella sezione Formato URL contenuto multimediale catalogo, cancella Use system value.

  4. Selezionare l'URL Image optimization based on query parameters nel campo Formato URL contenuto multimediale catalogo.

  5. Fare clic su Save Config.

  6. Passa alla configurazione Nginx.

Configurare Nginx

Per continuare a configurare il ridimensionamento delle immagini lato server, è necessario preparare il file nginx.conf e fornire un valore proxy_pass per l'adattatore scelto.

Per consentire a Nginx di ridimensionare le immagini:

  1. Installa il modulo filtro immagini Nginx.

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

  2. Creare un file nginx.conf in base al file nginx.conf.sample del modello incluso. 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] Configura un valore proxy_pass per la scheda specifica.

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