Informazioni sulle migliori pratiche per le immagini delle e-mail
Scopra le migliori pratiche per l'utilizzo delle immagini nelle e-mail di Klaviyo, comprese le raccomandazioni sulle dimensioni e le modalità di aggiunta delle immagini.
Le migliori pratiche per l'utilizzo delle immagini nelle e-mail
Tieni conto di quanto segue quando crei immagini da utilizzare nei messaggi di posta elettronica:
- Klaviyo assistenza di file immagine JPEG, PNG e GIF. Puoi anche caricare un file WebP e scegliere che Klaviyo lo converta automaticamente in un file PNG. In generale, i file PNG vengono visualizzati meglio su tutti i dispositivi, in particolare per le immagini che contengono testo.
- La dimensione massima dei file immagine supportata da Klaviyo è di 10MB. Tuttavia, ti consigliamo di utilizzare immagini di dimensioni non superiori a 1MB, poiché le immagini più grandi possono caricarsi lentamente e causare una cattiva esperienza di destinatari. Lo strumento di compressione delle immagini integrato in Klaviyo può aiutare a ridurre le dimensioni dei file delle immagini caricate senza danneggiare in modo significativo la qualità.
- In tutto il web, la risoluzione di 72 dpi è la prassi migliore. Cerchi di mantenere le sue immagini tra 600 e 1000 px in larghezza e meno di 2000px in altezza per le immagini a tutta larghezza, per bilanciare la qualità dell'immagine e la velocità di caricamento. Le immagini che sono inferiori all'intera larghezza dell'e-mail possono essere più piccole di 600px.
- Si noti che un'immagine a tutta larghezza a 72dpi sarà spesso più grande di 1MB, e la riduzione delle dimensioni dell'immagine potrebbe risultare in un'immagine visibilmente sfocata o di bassa qualità. Quando sceglie le immagini da utilizzare nei suoi messaggi, consideri il compromesso tra la qualità dell'immagine e il tempo di caricamento: le immagini di grandi dimensioni potrebbero non apparire immediatamente quando qualcuno apre la sua e-mail, soprattutto se ha una connessione internet lenta.
- Aggiunga sempre un testo alt alle sue immagini. Alcune caselle di posta, tra cui Outlook e Apple Mail, non visualizzano le immagini finché il destinatario non sceglie di vederle. L'inclusione del testo alt aiuta i destinatari che utilizzano queste caselle di posta elettronica a capire cosa si intende trasmettere con un'immagine, e supporta anche l'accessibilità.
Inserisca un blocco di immagini
Per aggiungere un'immagine a un modello:
- Trascina un blocco immagine nell'area di anteprima e poi scegli quale immagine vuoi aggiungere.
- Una volta posizionato il blocco immagine, ti verrà richiesto di aggiungere la tua immagine:
- Trascina una o più immagini nel blocco per caricarle subito
- Cerca nel tuo computer per trovare e caricare una o più immagini
- Importazione da un URL
- Scegliere un'immagine dalla sua libreria di immagini
- Scegliere un'immagine dal suo catalogo di prodotti (se è integrato con una piattaforma di ecommerce o ha sincronizzato un catalogo personalizzato)
- Inserimento di un URL segnaposto o di una sequenza variabile se desidera che un'immagine venga popolata dinamicamente (solo per i flussi).
Se stai caricando un'immagine, la dimensione massima che puoi caricare è di 10 MB.
Compressione automatica dei file immagine
Klaviyo include uno strumento di compressione automatica delle immagini come parte del processo di caricamento delle immagini per aiutarti a bilanciare la chiarezza delle immagini con tempi di caricamento rapidi. Nota che questa funzionalità non è supportata per le gif.
Quando carichi un'immagine, una fase di revisione mostra il file originale e una versione compressa per il confronto. Ogni anteprima mostra la dimensione del file e la differenza percentuale tra i due. Il selettore sopra le immagini ti permette di selezionare la versione da caricare e Klaviyo aggiunge un badge Consigliato sulla scelta suggerita. Tuttavia, puoi ignorare questa funzione se noti una perdita di chiarezza nella versione compressa, cosa che può accadere con i file originali più piccoli.
Nota che se l'immagine originale è consigliata, 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 singola immagine.
Impostazioni di caricamento
Se vuoi saltare la fase di revisione quando carichi le immagini, regola le impostazioni di caricamento. Quando carichi un'immagine, vedrai un pulsante per le impostazioni di caricamento.
La tua scelta viene salvata per i futuri caricamenti. Puoi selezionare:
- Confronta (predefinito): Esamina e scegli tra la versione originale e quella compressa.
- Usa gli originali: Carica sempre i tuoi file originali; non c'è nessuna fase di revisione.
- Usa la versione compressa: Carica sempre la versione autocompressa di Klaviyo; non è prevista alcuna fase di revisione.
Ritagliare un'immagine
Le immagini nel blocco immagine, nel blocco split e nel blocco tabella possono essere facilmente ritagliate.
- Clicca sul blocco immagine.
- Clicca su "Ritaglia " sotto l'icona dell'immagine a sinistra.
Puoi ritagliare un'immagine in un cerchio, un quadrato o un rettangolo con larghezza e altezza personalizzate. Quando ritagli un'immagine nell'editor, l'immagine completa viene salvata, quindi puoi sempre cambiare o togliere il ritaglio.
- Quando hai finito di ritagliare, clicca 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 copia in Klaviyo (ad eccezione dei modelli MailChimp), caricherà un file zip contenente le immagini durante il processo di importazione.
Per i modelli MailChimp in particolare, se carica un modello che contiene immagini già caricate in MailChimp, Klaviyo copierà automaticamente tutte queste immagini.
Una volta caricata un'immagine, può utilizzare il pulsante Inserisci immagine per caricare nuove immagini per quel modello:
Qualità dell'immagine
Se temi che le tue immagini non vengano visualizzate in modo pulito e nitido come vorresti nel tuo modello, puoi prendere provvedimenti per migliorare la qualità dell'immagine.
Uno degli standard prevalenti per migliorare la nitidezza di un'immagine renderizzata in un'e-mail è quello di inserire un'immagine di dimensioni pari a 2 volte quelle desiderate e poi ridurre le dimensioni dell'immagine nel suo modello. Ci sono due modi per affrontare la questione:
- Inserisca una versione grande e nitida della sua immagine nel modello, poi clicchi su Modifica e ridimensioni alle dimensioni che preferisce.
- Inserisca un'immagine nativamente più grande (ad es. 600px di larghezza) e visualizzarla in una dimensione più piccola (ad es. 300px di larghezza) utilizzando i CSS; per adottare questo approccio, dovrà inserire la sua immagine in un blocco di testo e adattare il codice sorgente CSS
Tipi di immagine
Klaviyo assistenza ai seguenti tipi di immagini: JPEG, PNG e GIF.
Puoi caricare file WebP e utilizzare 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.
Per saperne di più su quali tipi di immagine sono i migliori per le sue e-mail.
La libreria di immagini
Le immagini che lei carica su Klaviyo sono archiviate sotto la voce Contenuto > Immagini & marchio > Immagini. L'eliminazione di un'immagine dalla sua libreria di immagini non rimuoverà l'immagine dai modelli in cui è attualmente utilizzata.
Risorse aggiuntive
- Come aggiungere un'immagine di sfondo a un modello o a una sezione email
Impari a stratificare il testo, le immagini e altri contenuti delle e-mail sulle immagini di sfondo. Può aggiungere un'immagine di sfondo a un'intera e-mail o a una singola sezione. Utilizzando questa funzione, può sovrapporre un'immagine ad un'altra, oppure aggiungere un pulsante o un testo in cima ad un'immagine.
- Perché le mie e-mail vengono troncate?
Scopri perché le e-mail possono essere troncate e cosa fare per evitarlo.
- Guida alle dimensioni dei file e-mail e ai tempi di caricamento