Come progettare la grafica delle e-mail

Le e-mail scritte in HTML possono includere elementi grafici e la progettazione di questi elementi grafici richiede un'attenzione particolare. Probabilmente vuoi che la grafica rifletta l'aspetto del tuo sito web e l'atmosfera del tuo marchio, ma hai anche bisogno che la grafica venga visualizzata correttamente in un'ampia varietà di lettori di posta elettronica. La grafica di grandi dimensioni rallenta il caricamento della posta elettronica e alcuni utenti di posta elettronica non consentono ai propri client di posta elettronica di visualizzare la grafica. Per ottenere i migliori risultati, assicurati che la grafica delle tue e-mail sia conforme ai requisiti del mezzo.

1

Limita la larghezza della grafica della tua email a 600 pixel. Mantieni la larghezza della tua grafica al di sotto di questa soglia per assicurarti che la tua email possa essere vista sulla maggior parte dei monitor e all'interno della maggior parte dei client di posta elettronica senza che si verifichi una barra di scorrimento orizzontale.

2

Ottimizza le dimensioni della tua grafica per ridurre il tempo necessario per caricare la tua email. Determinare la dimensione dell'immagine nell'e-mail e utilizzare software come Photoshop o GIMP per specificare la dimensione in pixel. Impostare la risoluzione dell'immagine a 72 punti per pollice per ottenere un'immagine che appare chiara su uno schermo ma ha un file di piccole dimensioni.

3

Carica le tue immagini su un sito web e utilizza l'HTML per includere le immagini nella tua email. Usa l'URL assoluto dell'immagine invece di un URL relativo quando inserisci l'immagine nella tua email. Non allegare le immagini alla tua e-mail nel tentativo di includere elementi grafici perché ciò si traduce in un file più grande che richiede più tempo per essere caricato nel client di posta elettronica del destinatario.

4

Includi testo alternativo con le tue immagini per i non vedenti e per coloro che configurano i loro client di posta per non mostrare le immagini. Aggiungi parametri come "alt =" Map to school "" (escluse le virgolette esterne) alla parte dell'HTML che fa riferimento all'immagine, oppure utilizza il tuo software di web design per aggiungere il testo alternativo.

5

Prova la grafica delle tue e-mail inviando e-mail a più destinatari. Assicurati che almeno uno dei destinatari del test utilizzi tutti i principali browser Web, inclusi Internet Explorer, Mozilla Firefox, Google Chrome e Safari per Apple e Windows. Controlla la tua posta anche in più client di posta, assicurandoti che la grafica dell'email sia visualizzata e si adatti alla finestra di anteprima.

messaggi recenti

$config[zx-auto] not found$config[zx-overlay] not found