Dimensioni delle immagini email in Klaviyo: misure e formati

Hai progettato una splendida e-mail per il tuo negozio Shopify, caricato le immagini a Klaviyo, e ha colpito inviare - solo per scoprire che il tuo banner eroe sembra sfocato su mobile e l'email richiede cinque secondi per caricare. Ti sembra familiare?

Ottenere Klaviyo email dimensioni immagine destra è una di quelle cose che sembra semplice ma viaggi su anche esperti marketing e-mail. Troppo piccolo e le immagini appaiono pixelati su schermi retina. Troppo grande e la tua email carica lentamente — o peggio, viene tagliato da Gmail. Questa guida copre tutto il necessario per conoscere le dimensioni, i formati e l'ottimizzazione delle immagini per Klaviyo.

Standard: 600px Email Width

Ogni modello di e-mail Klaviyo predefinito per 600 pixel di larghezza. Questo è stato lo standard del settore per il marketing e-mail fin dai primi giorni, e per buona ragione: la media di posta elettronica desktop viewport client si trova tra 500-600px largo. Andando più ampio rischio scorrimento orizzontale su schermi più piccoli e layout rotti in Outlook.

È possibile modificare questo nella scheda Stili di Klaviyo, ma a meno che non si abbia una ragione specifica (come un layout specializzato), bastone con 600px. È la larghezza più sicura per il rendering coerente su Gmail, Apple Mail, Outlook e Yahoo Mail.

Ecco la parte importante: 600px è la larghezza del display, non la larghezza dell'esportazione. Se esportate immagini esattamente a 600px, appariranno blurry su qualsiasi telefono o laptop con un display retina — che è praticamente ogni dispositivo moderno. Altro su questo qui sotto.

Dimensioni consigliate dell'immagine da layout

La larghezza dell'immagine giusta dipende da come il vostro layout e-mail è strutturato. Ecco un rapido riferimento per i layout Klaviyo più comuni:

Per l'altezza, Klaviyo raccomanda di mantenere le immagini sotto 2000px alto. Qualsiasi cosa più alta può causare problemi di carico in alcuni client di posta elettronica. Se il vostro disegno e-mail è più lungo di quello — che è comune per lanci di prodotto o campagne stagionali — la sezione in più sezioni orizzontali.

Perché si dovrebbe sempre esportare a 2x (Retina)

Questo è il singolo errore più comune nella progettazione e-mail di Klaviyo: esportare immagini alla loro dimensione del display invece di 2x.

I display Retina (che si trovano su iPhone, MacBooks e i più moderni telefoni Android) imballano due volte più pixel in ogni pollice di schermo. Quando si carica un'immagine di 600px su larga scala a una colonna e-mail di 600px, il display retina tenta di allungare quei pixel attraverso 1200 pixel fisici, con conseguente immagine visibilmente sfocata.

La correzione è semplice: progettazione a 2x e lasciare la scala client di posta in giù. Se la tua email è larga 600px, esporta le tue immagini a larghezza intera a 1200px di larghezza. Il file immagine è più grande, ma il client di posta elettronica lo visualizzerà a 600px — utilizzando tutti quei pixel extra per rendere un'immagine nitida e nitida sugli schermi retina.

Questo è particolarmente importante per la fotografia di prodotto. I vostri clienti stanno decidendo se acquistare in base a come i vostri prodotti guardano nella loro casella di posta. Un'immagine di eroe sfocato può minare anche la migliore offerta.

Formati di file: JPEG, PNG o GIF?

Klaviyo supporta tre formati di immagine. Ecco quando usare ciascuno:

JPEG: per le fotografie

JPEG utilizza la compressione persa, il che significa che scarta alcuni dati per raggiungere dimensioni di file più piccole. Per fotografie e immagini complesse con gradienti e tanti colori, JPEG è il chiaro vincitore. Una foto di prodotto che sarebbe 2.5MB come PNG può essere compressa a 200-300KB come un JPEG senza perdita di qualità visibile.

Migliore impostazione: Esportazione a 75-85% di qualità. Sotto il 70%, inizierai a vedere manufatti di compressione (aree bloccate, soprattutto intorno al testo e bordi taglienti). Sopra il 90%, si sta aggiungendo dimensione del file senza miglioramento visibile.

PNG — Il meglio per grafica e logo

PNG utilizza compressione senza perdita, preservando ogni pixel esattamente. Questo lo rende ideale per loghi, icone, sovrapposizioni di testo e grafica con bordi taglienti o colori piatti. PNG supporta anche la trasparenza — essenziale se il vostro logo deve sedersi su diversi colori di sfondo.

Il compromesso: I file PNG sono significativamente più grandi di JPEG per contenuti fotografici. Un banner full-width con fotografia di prodotto potrebbe facilmente essere 1-3MB come PNG. Utilizzare PNG solo quando avete bisogno dei suoi vantaggi specifici.

GIF — Migliore per le animazioni semplici

GIF supporta l'animazione ma è limitata a 256 colori. Usalo per semplici elementi animati come un timer conto alla rovescia o un prodotto sottile rivelano. Per immagini di prodotto complesse, incollare con JPEG. Tenere GIF animati piccoli — possono mongolfiera a diversi megabyte rapidamente.

Obiettivi di dimensione del file

Klaviyo permette fino a 5MB per immagine, ma questo non significa che si dovrebbe usare tutto. Ecco gli obiettivi per:

• Per immagine: Sotto 200-300KB (dopo la compressione)
• E-mail totale: Sotto 800KB per tutte le immagini combinate
• Risoluzione: 72 DPI (standard per web/email)

Perché questi numeri? Perché oltre il 50% delle email sono aperte su dispositivi mobili, spesso su connessioni cellulari. Un'e-mail 3MB che carica istantaneamente sul vostro ufficio Wi-Fi potrebbe richiedere 5-8 secondi su una connessione 4G — e la maggior parte delle persone non aspetterà a lungo. Passeranno o la cancelleranno.

Il punto dolce sta comprimendo ogni immagine alle dimensioni più piccole dove la qualità è ancora visivamente indistinguibile dall'originale. Strumenti come TinyPNG, Schegge, o ImageOptim può ridurre le dimensioni dei file del 60-80% senza degradazione visibile. Se vuoi saperne di più sulle tecniche di compressione, controlla la nostra guida come comprimere le immagini per il marketing e-mail.

Consigli di ottimizzazione mobile

I modelli di Klaviyo sono reattivi per impostazione predefinita: le immagini in un'email di 600px si ridimensioneranno automaticamente sugli schermi mobili. Ma ci sono alcune cose da guardare per:

• Testo in immagini: Se il tuo banner contiene testo cotto nell'immagine, assicurati che sia ancora leggibile a larghezze mobili (~320-375px). Il testo che sembra eccellente a 600px può diventare illeggibile a dimensione del 50%.
• Disposizioni multicolonna: Su mobile, Klaviyo impila colonne verticalmente. Le immagini di 300px su larga scala saranno visualizzate a tutta la larghezza — che è bene per le esportazioni 2x, ma può guardare sfocato se esportato a 1x.
• Tocca obiettivi: Se le immagini sono cliccabili (dovrebbero essere), assicurarsi che l'area di collegamento è abbastanza grande per le dita. Apple raccomanda un target minimo di 44x44 pixel.

Errori comuni e come ripararli

Errore 1: Inviare una immagine gigante

Caricare l'intera email come una singola immagine alta sembra più facile, ma causa più problemi: Gmail sovrappone un'icona di download su immagini superiori a ~ 800px, alcuni client di posta elettronica non lo visualizzeranno affatto, e non c'è nulla per i lettori di schermo da leggere. Dividi la tua email in sezioni orizzontali — tipicamente 4-8 sezioni per e-mail. Questo risolve il problema dell'icona di download Gmail e consente ai clienti di caricare le immagini in parallelo, in realtà facendo l'email più veloce.

Errore 2: Non aggiungere testo alternativo

Molti client di posta elettronica (soprattutto ambienti di Outlook e corporate) bloccano le immagini per impostazione predefinita. Senza testo alternativo, i destinatari vedono caselle vuote. Sempre aggiungere testo alternativo descrittivo a ogni immagine a Klaviyo. Aiuta anche con l'accessibilità per gli utenti sui lettori di schermo.

Errore 3: Utilizzo del DPI sbagliato

Alcuni progettisti esportano a 300 DPI (standard di stampa). Per email, 72 DPI è tutto ciò di cui hai bisogno. DPI più alto non migliora come l'immagine guarda sullo schermo — rende solo il file più grande per nessun beneficio.

Foglio di Cheat di riferimento rapido

Domande frequenti

Qual è la larghezza migliore dell'immagine per le email di Klaviyo?

La larghezza e-mail standard in Klaviyo è 600px. Per immagini a larghezza intera, utilizzare 1200px (2x) così sembrano affilati su schermi retina. Per layout a due colonne, utilizzare 600px per immagine (larghezza di visualizzazione 300px a 2x). Questo assicura che le immagini sono croccanti su iPhone, MacBooks e dispositivi Android moderni.

Quali formati di immagine supporta Klaviyo?

Supporti Klaviyo JPEG, PNG e GIF. È possibile caricare i file WebP, ma Klaviyo li convertirà in PNG. Per la maggior parte delle email di e-commerce con la fotografia di prodotto, JPEG a 80% qualità dà il miglior rapporto di dimensione-qualità.

Perché le mie immagini Klaviyo sembrano sfocate?

Questo significa quasi sempre che stai esportando a risoluzione 1x (largo 600px) invece di 2x (1200px larga). I display Retina hanno bisogno di raddoppiare i pixel per rendere immagini nitide. Esportare a 2x e lasciare che Klaviyo li ridimensioni — i pixel extra fanno apparire le immagini croccanti sugli schermi moderni.

Qual è la dimensione massima dell'immagine consentita in Klaviyo?

Klaviyo permette fino a 5MB per immagine, ma la migliore pratica è quella di mantenere ogni immagine sotto 1MB — idealmente circa 200-300KB dopo la compressione. Questo assicura il caricamento rapido, soprattutto per gli abbonati mobili su connessioni cellulari.

Dovrei usare PNG o JPEG per le immagini e-mail?

Uso JPEG per fotografie e visuali complesse (dimensioni di file più piccole). Uso PNG per grafica con testo affilato, loghi o quando hai bisogno di trasparenza. La maggior parte delle immagini del prodotto e-commerce funziona meglio come JPEG a 75-85% di qualità.