Configurazione dell’immagine del prodotto

Se si prevede di caricare immagini di grandi dimensioni per la visualizzazione nella pagina Product Details, è consigliabile impostare una dimensione massima in pixel (larghezza e altezza) e ridimensionare automaticamente i file al caricamento. Per supportare questo tipo di caricamento di immagini di prodotto, è disponibile un’opzione per abilitare il ridimensionamento automatico di file di immagine di dimensioni maggiori durante il caricamento. Per i prodotti che desideri aggiungere al catalogo ma per i quali non disponi ancora di una risorsa immagine da visualizzare, puoi configurare un’immagine segnaposto.

Ridimensionamento immagine prodotto

Durante il caricamento delle immagini di prodotto, è possibile aggiungere immagini di dimensioni maggiori con dimensioni diverse per ottenere zoom dettagliati e di alta qualità sulla pagina Product Details. Per garantire che tutte le immagini abbiano dimensioni e aspetto simili, è disponibile un’opzione di ridimensionamento per garantire che tutte le immagini corrispondano a una dimensione pixel specifica. Questa opzione ridimensiona automaticamente tutte le immagini del prodotto utilizzando le impostazioni di configurazione, che possono essere utili con le prestazioni di zoom, un caricamento più rapido delle immagini e un aspetto uniforme delle immagini del prodotto.

NOTE
Per una migliore compatibilità, si consiglia di caricare tutte le immagini del prodotto con il profilo colore sRGB. Tutti gli altri profili colore vengono automaticamente convertiti nel profilo colore sRGB durante il caricamento dell'immagine del prodotto, il che potrebbe causare incoerenza di colore nell'immagine caricata.

Impostando la larghezza e l'altezza massime in pixel, l'immagine viene ridimensionata in pixel in base alle dimensioni fisiche. Commerce ridimensiona l’immagine in base alla maggiore quantità di larghezza o altezza mantenendo le proporzioni. La riduzione della quantità di qualità per le immagini JPG-riduce le dimensioni del file.

Ad esempio, un JPG-3000 x 2100 pixel al 100% potrebbe essere un file di immagine di dimensioni pari o superiori a 5 MB. Il ridimensionamento di questa immagine ridurrebbe la larghezza a 1920 pixel, mantenendo proporzioni e qualità all'80% per fornire dimensioni di file molto più piccole con alta qualità.

Abilita ridimensionamento immagine

  1. Nella barra laterale Admin, passa a Stores > Settings>Configuration.

  2. Nel pannello a sinistra, espandi Advanced e scegli System.

  3. Espandi Il selettore di espansione nella sezione Configurazione caricamento immagini.

    Per modificare le impostazioni predefinite, deselezionare la casella di controllo Use system value, se necessario.

    Configurazione caricamento immagine {width="600" modal="regular"}

    Per un elenco dettagliato di queste impostazioni di configurazione, vedi Configurazione caricamento immagine nel Riferimento configurazione.

  4. Per attivare, assicurarsi che Enable Frontend Resize sia impostato su Yes.

  5. Immettere un'impostazione Quality compresa tra 1 e 100%.

    Si consiglia un'impostazione tra 80 e 90% per un file di dimensioni ridotte e di alta qualità.

  6. Imposta Maximum Width in pixel per l'immagine.

    Quando l'immagine viene ridimensionata, non supera questa larghezza e mantiene le proporzioni.

  7. Imposta Maximum Height in pixel per l'immagine.

    Quando l'immagine viene ridimensionata, non supera questa altezza e mantiene le proporzioni.

  8. Al termine, fare clic su Save Config.

Descrizioni dei campi

Campo
Ambito
Descrizione
Quality
Globale
Determina la qualità JPG dell'immagine ridimensionata. Una qualità inferiore riduce le dimensioni del file. Si consiglia l'80-90% per ridurre le dimensioni dei file con un'alta qualità. Predefinito: 80
Enable Frontend Resize
Globale
Consente a Commerce di ridimensionare immagini di grandi dimensioni e di dimensioni eccessive che è possibile caricare per la pagina Product Details. Commerce ridimensiona i file immagine utilizzando JavaScript durante il caricamento del file. Quando l'immagine viene ridimensionata, mantiene le proporzioni esatte, per soddisfare e non superare le dimensioni massime per Larghezza massima o Altezza massima. Predefinito: Yes
Maximum Width
Globale
Determina la larghezza massima in pixel dell'immagine. Quando l'immagine viene ridimensionata, non supera questa larghezza. Predefinito: 1920
Maximum Height
Globale
Determina l'altezza massima in pixel dell'immagine. Quando l'immagine viene ridimensionata, non supera questa altezza. Predefinito: 1200

Segnaposto immagine

Adobe Commerce e il Magento Open Source utilizzano immagini temporanee come segnaposto fino a quando non saranno disponibili le immagini permanenti del prodotto. È possibile caricare un segnaposto diverso per ogni ruolo. L'immagine segnaposto iniziale è un logo di esempio che è possibile sostituire con l'immagine desiderata.

Segnaposto immagine

Per caricare immagini segnaposto:

  1. Nella barra laterale Admin, passa a Stores > Settings>Configuration.

  2. Nel pannello a sinistra, espandi Catalog e scegli Catalog sotto.

  3. Espandere Icona di espansione nella sezione Product Image Placeholders.

    Segnaposto Immagine Prodotto {width="600" modal="regular"}

    Per un elenco dettagliato di queste impostazioni di configurazione, vedi Segnaposto immagine prodotto nel Riferimento configurazione.

  4. Per ogni ruolo immagine, fare clic su Choose File, trovare l'immagine nel computer e caricare il file.

    È possibile utilizzare la stessa immagine per tutti e tre i ruoli oppure caricare un'immagine segnaposto diversa per ogni ruolo.

  5. Al termine, fare clic su Save.

Per informazioni sui ruoli immagine e sulle dimensioni consigliate, vedere Caricare un'immagine.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071