Gestire immagini e video dei prodotti

Per ogni prodotto, puoi caricare più immagini e video, riorganizzarne l’ordine e controllarne l’utilizzo. Se devi gestire un numero elevato di immagini, puoi preferire importarle come batch, anziché caricarle singolarmente. Per ulteriori informazioni, vedere Importare immagini 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. È disponibile un’opzione per abilitare il ridimensionamento automatico di file di immagine più grandi durante il caricamento. Per ulteriori informazioni, vedere Ridimensionamento immagine prodotto.

Aggiornare le immagini del prodotto

  1. Apri il prodotto in modalità di modifica.

  2. Per utilizzare una visualizzazione archivio specifica, impostare il selettore Store View nell'angolo superiore sinistro sulla visualizzazione applicabile.

    note note
    NOTE
    Le nuove immagini del prodotto sono sempre caricate e visibili in tutte le visualizzazioni archivio, anche se l'ambito All Store Views non è utilizzato per il caricamento.

    Per nascondere un'immagine di prodotto da una visualizzazione di archivio specifica, è necessario passare a tale visualizzazione, selezionare la casella di controllo Hide from Product Page per l'immagine e fare clic su Save.
  3. Scorri verso il basso ed espandi la sezione Images and Videos.

Carica un'immagine

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.

La lunghezza del nome del file di immagine, inclusa l'estensione, non può superare i 90 caratteri.

Per caricare un'immagine, effettuare una delle seguenti operazioni:

  • Trascina un'immagine dal desktop e rilasciala nella sezione Fotocamera ( icona fotocamera ) della casella Images And Videos.

  • Nella casella Images And Videos, fai clic sul riquadro_ Fotocamera _( icona fotocamera ), seleziona il file di immagine nel computer e fai clic su Open.

    Carica o trascina {width="600" modal="regular"}

Ridisponi immagini

Per modificare l'ordine delle immagini nella raccolta, fare clic sull'icona Sort( Icona ordinamento ) nella parte inferiore del riquadro immagine e trascinare l'immagine in una posizione diversa nella casella​ Images And Videos.

Cambia ordine {width="600" modal="regular"}

Eliminare un’immagine

Per rimuovere un'immagine dalla raccolta, fare clic sull'icona Delete ( Icona cestino ) nell'angolo superiore destro del riquadro immagine e fare clic su Save.

Imposta dettagli immagine

Fare clic sull'immagine che si desidera aprire nella visualizzazione dei dettagli ed eseguire una delle operazioni seguenti:

Visualizzazione dettagli immagine {width="600" modal="regular"}

Per chiudere la visualizzazione dettagli, fare clic sull'icona Chiudi ( Icona Chiudi ) nell'angolo superiore destro.

Al termine, fare clic su Save.

Inserisci testo alternativo

Per migliorare l’accessibilità web, gli assistenti vocali fanno riferimento al testo Image Alt e i motori di ricerca durante l’indicizzazione del sito fanno riferimento a tale testo. Alcuni browser visualizzano il testo Alt al passaggio del mouse. Il testo alternativo può contenere diverse parole e includere parole chiave selezionate con attenzione.

Nella casella Alt Text ​immettere una breve descrizione dell'immagine.

Assegna ruoli

Per impostazione predefinita, tutti i ruoli vengono assegnati alla prima immagine caricata sul prodotto. Per riassegnare un ruolo a un'altra immagine, effettuare le seguenti operazioni:

Nella casella Role ​scegliere il ruolo che si desidera assegnare all'immagine.

Quando ritorni alla sezione Immagini e video, i ruoli attualmente assegnati vengono visualizzati sotto ogni immagine.

Ruoli assegnati {width="600" modal="regular"}

Nascondi un'immagine

Per escludere un'immagine dalla raccolta miniature, selezionare la casella di controllo Hidden e fare clic su Save.

Immagini nascoste {width="600" modal="regular"}

Ruoli immagine

Ruolo immagine
Descrizione
Thumbnail
Le miniature vengono visualizzate nella raccolta miniature, nel carrello e in alcuni blocchi, ad esempio Elementi correlati. Esempio di dimensioni: 50 x 50 pixel
Small Image
L’immagine piccola viene utilizzata per le immagini del prodotto negli elenchi nelle pagine delle categorie e dei risultati di ricerca e per visualizzare le immagini del prodotto necessarie per sezioni quali up-sell, cross-selling e elenco nuovi prodotti. Esempio di dimensioni: 470 x 470 pixel
Base Image
L’immagine di base è l’immagine principale nella pagina dei dettagli del prodotto. Lo zoom dell’immagine viene attivato se carichi un’immagine di dimensioni superiori a quelle del contenitore dell’immagine. A seconda del livello di zoom da raggiungere, l’immagine di base deve essere due o tre volte la dimensione del contenitore. Esempi di dimensioni: 470 x 470 pixel (senza zoom), 1100 x 1100 pixel (con zoom)
Swatch
È possibile utilizzare un campione per illustrare il colore, il motivo o la trama. Esempio di dimensioni: 50 x 50 pixel

Filigrane

Se si va a scapito di creare le proprie immagini di prodotto originali, non c'è molto si può fare per evitare che concorrenti senza scrupoli di rubare loro con il clic di un mouse. Tuttavia, puoi renderli un target meno attraente inserendo una filigrana su ogni immagine per identificarli come proprietà. Un file di filigrana può essere un’immagine JPG JPEG, GIF o PNG. Entrambi i tipi di file GIF e PNG supportano livelli trasparenti, che possono essere utilizzati per conferire alla filigrana uno sfondo trasparente.

La filigrana utilizzata per l'immagine small nell'esempio seguente è un logo nero con sfondo trasparente e salvato come file PNG con le impostazioni seguenti:

  • Dimensioni: 50x50
  • Opacità: 5
  • Posizione: sezione

Filigrana affiancata {width="700" modal="regular"}

Aggiungere filigrane alle immagini del prodotto

  1. Nella barra laterale Admin, passa a Content > Design>Configuration.

    Per ulteriori informazioni sulle configurazioni di progettazione, vedere Configurazione di progettazione.

  2. Individuare la visualizzazione archivio da configurare e fare clic su Edit nella colonna Action.

  3. In Other Settings, espandere Selettore di espansione la sezione Product Image Watermarks.

    Filigrane immagine prodotto - Base {width="600" modal="regular"}

    Le impostazioni dell'immagine Base, Thumbnail, Small e Swatch Image sono uguali.

  4. Per aggiungere la risorsa immagine della filigrana, utilizza uno dei seguenti metodi:

    • Fare clic su Upload e scegliere il file di immagine nel sistema che si desidera caricare per utilizzarlo come filigrana.
    • Fai clic su Select from Gallery e seleziona una risorsa immagine dalla Galleria file multimediali.
  5. Completare le impostazioni per la visualizzazione della filigrana:

    • Immetti Image Opacity come percentuale. Esempio: 40

    • Immetti Image Size in pixel. Esempio: 200 x 200

    • Impostare Image Position per determinare la posizione della filigrana.

  6. Al termine, fare clic su Save Config.

  7. Quando viene richiesto di aggiornare la cache, fare clic su Cache Management nel messaggio di sistema e aggiornare la cache non valida.

    Aggiorna cache {width="600" modal="regular"}

TIP
È possibile fare clic su Use Default Value Ritorno freccia per ripristinare il valore predefinito.

Eliminare una filigrana

  1. Nell'angolo inferiore sinistro dell'immagine fare clic sull'icona Delete ( Icona cestino ).

    Elimina filigrana {width="300"}

  2. Fare clic su Save Config.

  3. Quando viene richiesto di aggiornare la cache, fare clic su Cache Management nel messaggio di sistema e aggiornare la cache non valida.

    Se l'immagine della filigrana persiste nella vetrina, tornare alla gestione della cache e fare clic su Flush Magento Cache.

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