La guida definitiva alle immagini delle newsletter

Tutti vogliono che milioni di persone aprano, leggano e interagiscano con le loro newsletter . Alcune persone pensano che ciò avvenga creando un'opera d'arte all'interno. Questo non è corretto, tuttavia, perché nella maggior parte dei casi le persone non possono vedere l'interno della tua email prima di decidere di aprirla.

Quindi, se l'opera d'arte non aiuta con le aperture, ha almeno un effetto sul coinvolgimento?

Bene, può fare una grande impressione, ma solo se lo fai correttamente. In questo articolo discuteremo i modi migliori per utilizzare le immagini nelle tue e-mail e, si spera, i clic scorreranno!

La migliore dimensione dell'immagine della newsletter per più schermi

Quindi entriamoci subito. Per la visualizzazione desktop, a causa delle restrizioni del client di posta elettronica, è meglio utilizzare 600 px come larghezza massima per le dimensioni dell'immagine della posta elettronica. Questo, ovviamente, vale anche per tutte le immagini che potresti voler utilizzare orizzontalmente attraverso l'e-mail.

Tieni presente che se utilizzi l'intera larghezza, l'immagine dovrebbe essere ancora in grado di ridimensionarsi a una dimensione mobile senza cambiare troppo.

Un esempio di e-mail a 2 colonne sullo schermo di un telefono

Parlando di dispositivi mobili, devi tenere a mente come i tuoi lettori vedranno le loro email. In questi giorni sempre più persone guarderanno la tua email su un dispositivo mobile, quindi pianifica di conseguenza. In effetti, raccomandiamo un approccio mobile-first . Fondamentalmente, questo significa progettare prima la tua email in modo che abbia un bell'aspetto sui dispositivi mobili e poi pensare al design del desktop.

I servizi di newsletter, come Active Campaign , Mailchimp o MailerLite (che esaminiamo qui tra l'altro), lo rendono facile da ottenere con i loro modelli reattivi.

Idee di design per newsletter semplici da tenere a mente

Non è necessaria una laurea in design per creare un'e-mail di bell'aspetto. Ma ci sono un paio di suggerimenti di progettazione da tenere a mente quando si pensa alla "immobiliare" dell'immagine di intestazione all'interno della newsletter generale.

In primo luogo, attenzione ai primi due pollici . Poiché questa è la prima parte dell'e-mail che gli utenti vedono, devi coinvolgerli, quindi è meglio non riempirla interamente con un'immagine: ci sono alcuni client di posta elettronica che non li mostreranno per impostazione predefinita (ne parleremo più avanti) .

Come accennato in precedenza, tuttavia, potresti utilizzare un banner orizzontale con un testo accattivante per invogliare i lettori. Ma è meglio mantenerlo semplice, magari solo colori e parole, in modo che quando viene ridimensionato abbia ancora un bell'aspetto.

Un esempio di banner che potresti utilizzare in un'e-mail. Questo tipo di design dovrebbe adattarsi bene agli schermi più piccoli.

Un'altra regola di progettazione da tenere a mente è la regola dei terzi. Raccomandiamo che non più di un terzo della tua email contenga immagini. Oh, e questo non significa un intero terzo, ma distribuito su tutta l'e-mail.

Come creare immagini di newsletter professionali

Tornando alla laurea in design, potresti essere come me e avere poche o nessuna abilità nel design, ma ciò non significa che non puoi creare qualcosa che abbia un bell'aspetto! Esistono servizi fai-da-te che ti semplificano la progettazione di immagini per le tue e-mail e Snappa è, ovviamente, un'ottima opzione. Oltre a offrire molti modelli e icone, questi servizi offrono anche dimensioni di tela predeterminate per facilitare la progettazione di elementi specifici, come un banner e-mail.

Un esempio di opzioni di dimensioni della tela tra cui scegliere su Snappa.

Un'ultima idea progettuale da tenere a mente è quella delle colonne. Spesso è meglio mantenere le cose all'interno di una colonna se stai creando un'e-mail semplice con principalmente testo. Tuttavia, con i modelli disponibili nella maggior parte dei servizi di newsletter in questi giorni, puoi anche utilizzare design a due o tre colonne purché siano reattivi. Le tue colonne si riorganizzeranno quindi comodamente per sedersi una sopra l'altra quando vengono visualizzate su uno schermo più piccolo.

Conteggio delle dimensioni del file di immagine dell'intestazione dell'e-mail

Un'altra cosa a cui devi pensare quando aggiungi immagini alle e-mail è la dimensione del file. Questi devono essere il più piccoli possibile, altrimenti non supereranno i limiti di dimensione imposti dai client di posta elettronica. Assicurati che le immagini non siano più grandi di 1 MB, ma prova a puntare a 100 kb o meno per ogni immagine (a meno che tu non stia utilizzando animazioni).

Un buon modo per ridurre le dimensioni dei file, mantenendo la massima qualità possibile, è eseguirlo tramite tinypng.com (funziona anche con le immagini jpg). Devi semplicemente rilasciare le tue immagini sulla pagina e le ridurrà a una dimensione più piccola (non noterai nemmeno alcuna differenza in termini di qualità)...tutto gratis!

Progetta newsletter via e-mail attorno ai blocchi di immagini

Al giorno d'oggi, la maggior parte dei client di posta elettronica dispone del blocco automatico delle immagini, che può essere disabilitato o meno dall'utente. Poiché ciò si verifica spesso, è importante che tu pianifichi il tuo design per comunicare comunque la tua offerta ai lettori. Ci sono alcuni modi per farlo.

Innanzitutto, NON creare un'e-mail completamente basata su immagini. Questa è letteralmente la cosa opposta da fare se vuoi aggirare il blocco delle immagini. Se il blocco è attivato, hai appena inviato un'email vuota a qualcuno.

Questo stesso consiglio vale per gli inviti all'azione all'interno della tua email. Non posizionarli all'interno delle immagini, poiché verranno persi se il blocco delle immagini è attivo. È meglio usare collegamenti di testo formattati per questi.

È meglio utilizzare collegamenti di testo formattati per gli inviti all'azione, poiché quelli basati su immagini potrebbero non essere visualizzati.

Per le persone che hanno seguito i nostri suggerimenti, è vero che le tue immagini potrebbero essere ancora bloccate. In questo caso, un altro modo per assicurarti che il tuo messaggio arrivi ancora a casa è utilizzare "testo alternativo" o testo alternativo. Questo è il testo che viene visualizzato se l'immagine non viene caricata. Dovrebbe essere informativo e non semplicemente una descrizione della tua immagine.

Ad esempio, se vuoi che qualcuno controlli un nuovo prodotto nel tuo negozio, ma la bella immagine del prodotto non è stata caricata, puoi comunque dire "Dai un'occhiata alla nostra nuova tote bag" con il tuo testo alternativo. Questo fornisce al lettore informazioni e un invito all'azione. Alcuni editor di posta elettronica potrebbero persino consentirti di aggiungere stili al tuo testo alternativo, facendolo risaltare di più.

Video di newsletter e GIF di posta elettronica

Ovviamente sarebbe bello condividere il tuo video virale di "animali carini" con i tuoi iscritti, ma incorporare video nelle e-mail non è una grande idea. Il motivo è che la maggior parte dei client di posta elettronica non lo consente. Inoltre, spesso i file video sono piuttosto grandi (se non li incorpori) e potrebbero finire per inviare il tuo duro lavoro direttamente nella cartella spam.

Un modo per aggirare questo è avere un'immagine statica sovrapposta a un pulsante di riproduzione, che quindi porta un utente al servizio ospitato (YouTube per esempio). C'è un altro modo, però: usare GIF animate.

Anthropologie, un marchio di articoli per la casa, ha utilizzato questa GIF nella sua campagna. Fonte immagine : Mailbakery.com

Le GIF offrono un'alternativa leggera ai contenuti video all'interno della tua e-mail e possono essere create in vari modi . Le GIF sono ottime per mostrare come funziona un prodotto, o mostrare diverse angolazioni, o semplicemente creare qualcosa di accattivante. Assicurati solo di non renderli troppo grandi (si consiglia meno di 1 MB) e, come le immagini, non abusarne.

Back on Track – Un'introduzione ai tassi di apertura

Anche se abbiamo discusso sopra che i tassi di apertura non sono realmente influenzati dalle immagini, risulta che c'è ancora un'interessante relazione tra i due.

Tariffe aperte in ActiveCampaign.

Il modo in cui vengono tracciati i tassi di apertura è caricando una grafica a pixel singolo. Quando questo pixel viene caricato, viene registrato che il cliente ha aperto l'e-mail. Ora, utilizzando le informazioni che abbiamo appena discusso sul blocco delle immagini, forse puoi vedere dove potrebbe verificarsi un problema?

Sì, se si è verificato il blocco dell'immagine o se un cliente ha scelto di ricevere la versione di solo testo delle tue e-mail, quel pixel non verrà mai caricato. Ciò si traduce in una segnalazione di apertura in meno. Tutto questo per dire che dovresti prendere i rapporti sui tassi aperti con le pinze, poiché potrebbero non essere sempre una rappresentazione fedele.

Conclusione

Abbiamo trattato molto terreno in questo articolo, ma si spera che ci siano alcuni suggerimenti utili. La tua email può essere sia bella che funzionale, ma devi assicurarti che la funzione batta la forma per coloro che non vedranno mai le tue immagini.

Sfortunatamente non possiamo controllare come i client di posta elettronica mostrano ciò che inviamo, quindi dobbiamo lavorare con loro. Se tieni a mente le idee di cui sopra, ti aiuterà a garantire che le tue e-mail non siano quelle che finiscono nel buco nero della cartella spam, per non vedere mai la luce della posta in arrivo.