Informazioni sulle procedure consigliate per le immagini nelle e-mail

Scopri le best practice per l’uso delle immagini nelle Klaviyo Email, incluse le dimensioni consigliate e come aggiungere immagini.

Best practice per l’uso delle immagini nelle e-mail

Tieni presente quanto segue quando crei immagini da usare nelle e-mail:

• Klaviyo supporta file immagine JPEG, PNG e GIF. Puoi anche caricare un file WebP e scegliere di farlo convertire automaticamente da Klaviyo in un file PNG. In generale, i file PNG vengono visualizzati meglio su tutti i dispositivi, soprattutto per le immagini che contengono testo. 
• La dimensione massima del file immagine supportata da Klaviyo è 10 MB. Tuttavia, ti consigliamo di usare immagini da 1 MB o meno, perché le immagini più grandi possono caricarsi lentamente, causando un’esperienza poco soddisfacente per il destinatario. Lo strumento integrato di compressione delle immagini di Klaviyo può aiutarti a ridurre le dimensioni dei file per le immagini caricate senza compromettere in modo significativo la qualità.
• Sul web, usare una risoluzione di 72 dpi è la best practice. Cerca di mantenere le immagini tra 600 e 1000 px di larghezza e sotto i 2000 px di altezza per le immagini a tutta larghezza, in modo da bilanciare qualità dell’immagine e velocità di caricamento. Le immagini che sono meno della larghezza totale dell’e-mail possono essere più piccole di 600 px.
• Nota che un’immagine a larghezza intera a 72 dpi spesso supera 1 MB e ridurre le dimensioni dell’immagine potrebbe portare a un’immagine visibilmente sfocata o di bassa qualità. Quando scegli le immagini da usare nei tuoi messaggi, considera il compromesso tra qualità dell’immagine e tempo di caricamento: immagini di grandi dimensioni potrebbero non comparire subito quando qualcuno apre la tua e-mail, soprattutto se ha una connessione internet lenta.
• Aggiungi sempre un testo alternativo alle immagini. Alcune caselle di posta in arrivo, tra cui Outlook e Apple Mail, non mostrano le immagini finché un destinatario non sceglie di visualizzarle. Includere un testo alternativo aiuta i destinatari che usano queste caselle di posta in arrivo a capire cosa un’immagine vuole comunicare e supporta anche l’accessibilità.

Inserisci un blocco immagine

Per aggiungere un'immagine a un modello:

1. Trascina un blocco immagine nell’area di anteprima e poi scegli quale immagine includere.

2. Una volta inserito il blocco immagine, ti verrà chiesto di aggiungere l’immagine:

• Trascina una o più immagini nel blocco per caricarle immediatamente
• Sfoglia il computer per trovare e caricare una o più immagini
• Importazione da un URL
• Scegliere un'immagine dalla libreria di immagini
• Scegliere un’immagine dal tuo catalogo prodotti (se sei integrato con una piattaforma di e-commerce o hai sincronizzato un catalogo personalizzato)
• Inserimento di un URL segnaposto o di una sequenza di variabili se vuoi che un'immagine venga popolata dinamicamente (solo per i flussi)

Se carichi un’immagine, la dimensione massima dell’immagine che puoi caricare è 10 MB.

Compressione automatica dei file di immagine

Klaviyo include uno strumento automatico di compressione delle immagini come parte del processo di caricamento delle immagini, per aiutarti a bilanciare la nitidezza delle immagini con tempi di caricamento rapidi. Tieni presente che questa funzionalità non è supportata per le gif.

Quando carichi un'immagine, il passaggio Revisione mostra il file originale e una versione compressa per confrontarli. Ogni anteprima mostra la dimensione del file, insieme alla differenza percentuale tra i due. L'interruttore sopra le immagini ti consente di selezionare quale versione caricare e Klaviyo aggiunge un badge Consigliata sulla scelta suggerita. Tuttavia, puoi sostituire questa scelta se noti una perdita di nitidezza nella versione compressa, cosa che può succedere con file originali più piccoli.

Tieni presente che se è consigliata l’immagine originale, il pannello di confronto delle immagini è chiuso per impostazione predefinita. Se hai caricato più immagini contemporaneamente, assicurati di rivedere e scegliere l’opzione che preferisci per ogni immagine singolarmente.

Impostazioni di caricamento

Se vuoi saltare il passaggio di revisione durante il caricamento delle immagini, modifica le Impostazioni di caricamento. Quando carichi un'immagine, vedrai un pulsante Impostazioni di caricamento.

La scelta viene salvata per i caricamenti futuri. Puoi selezionare:

• Confronta (impostazione predefinita): rivedi e scegli tra le versioni originali e compresse.
• Usa gli originali: carica sempre i file originali; nessuna fase di revisione.
• Usa la versione compressa: carica sempre la versione compressa automaticamente di Klaviyo; nessun passaggio di revisione.

Ritaglia un'immagine

Le immagini nei blocchi immagine, nei blocchi split e nei blocchi tabella possono essere ritagliate facilmente.

1. Fai clic sul blocco immagine.
2. Fai clic su Ritaglia sotto l’icona dell’immagine a sinistra.
   
   Puoi scegliere di ritagliare un’immagine in un cerchio, un quadrato o un rettangolo con larghezza e altezza personalizzate. Quando ritagli un’immagine all’interno dell’editor, l’immagine completa viene conservata, il che significa che puoi modificare o rimuovere il ritaglio in qualsiasi momento.

3. Quando hai finito di ritagliare, fai clic sulla freccia indietro per applicare le modifiche.
   

Ridimensiona un'immagine

Per ridimensionare un’immagine, usa i cursori di ridimensionamento nell’area di lavoro.

Immagini nei modelli HTML caricati

Per i modelli HTML che copi in Klaviyo (ad eccezione dei modelli MailChimp), durante la procedura di importazione caricherai un file zip contenente le tue immagini.

In particolare per i modelli MailChimp, se carichi un modello che contiene immagini già caricate in MailChimp, Klaviyo copierà automaticamente tutte queste immagini.

Dopo aver caricato un’immagine, puoi usare il pulsante Inserisci immagine per caricare nuove immagini per quel modello:

Qualità dell'immagine

Se temi che le immagini non vengano visualizzate nei tuoi modelli in modo pulito o nitido come vorresti, puoi adottare alcune misure per migliorare la qualità delle immagini.

Uno degli standard più diffusi per migliorare la nitidezza di un’immagine renderizzata in un’e-mail consiste nell’inserire un’immagine 2× più grande della dimensione desiderata e poi ridurne le dimensioni nel tuo modello. Ci sono due modi per affrontare la cosa:

1. Inserisci una versione grande e nitida della tua immagine nel tuo modello, poi fai clic su Modifica e ridimensionala in base alle dimensioni che preferisci
2. Inserisci un’immagine nativamente più grande (ad es. larga 600px) e visualizzala a dimensioni più ridotte (ad es. larghezza 300px) usando CSS; per adottare questo approccio, dovrai inserire l’immagine in un blocco HTML dedicato e modificare direttamente il CSS

Tipi di immagine

Klaviyo supporta i seguenti tipi di immagini: JPEG, PNG e GIF.

Puoi caricare file WebP e usare il convertitore integrato di Klaviyo per convertirli in file PNG. Tuttavia, la conversione non è supportata per i file WebP animati.

Se hai altri formati di file come PSD o SVG, dovrai convertirli in un tipo di immagine supportato prima di caricarli.

Scopri di più su quali tipi di immagine sono i migliori per la tua e-mail.

La libreria di immagini

Le immagini che carichi su Klaviyo vengono archiviate in Contenuto > Immagini e marchio > Immagini. L’eliminazione di un’immagine dalla tua libreria di immagini non rimuoverà l’immagine da alcun modello in cui è attualmente utilizzata.

Risorse aggiuntive