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-mailLe 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 supporta i file immagine JPEG, PNG e GIF. 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 di immagini nell'area di anteprima e poi scegli quale immagine includere.
- Una volta posizionato il blocco immagine, ti verrà richiesto di aggiungere la tua immagine:
- Rilascio di un'immagine nel blocco per un caricamento istantaneo
- Sfogliare il suo computer per trovare e caricare un'immagine
- 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 immagineCompressione 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 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 regolare o rimuovere il ritaglio in qualsiasi momento. - Quando hai finito di ritagliare, clicca sulla freccia indietro per applicare le modifiche.
Ridimensiona un'immagine
Per ridimensionare un'immagine:
- Scorri fino alla sezione Dimensione immagine del pannello Stili del blocco immagine. Qui puoi impostare manualmente un'altezza o una larghezza per l'immagine, impostare l'allineamento dell'immagine e altro ancora.
- Clicca su Fine per applicare le modifiche.
Modificare un'immagine
Può modificare un'immagine all'interno di una barra di intestazione. L'editor di immagini non è disponibile per le immagini all'interno di altri tipi di blocco.
Clicchi su un blocco di intestazione contenente un'immagine, quindi clicchi su Modifica sotto l'icona dell'immagine per accedere ad un editor fotografico e regolare l'aspetto dell'immagine. Qui può scegliere tra una serie di funzioni di fotoritocco che vanno dal ridimensionamento dell'immagine alla regolazione della colorazione dell'immagine. Può anche disegnare sopra un'immagine o sovrapporre del testo.
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 supporta tre diversi tipi di immagini: JPEG, PNG e GIF.
Se dispone di un file PSD, SVG o di un altro formato, dovrà convertirlo in uno dei tipi di immagine sopra indicati.
Per saperne di più su quali tipi di immagine sono i migliori per le sue e-mail.
La libreria di immaginiLa 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