Taille des images pour les emails Klaviyo : dimensions et formats

Vous avez conçu un magnifique courriel pour votre magasin Shopify, téléchargé les images à Klaviyo et frappé envoyer — seulement pour découvrir que votre bannière héros semble floue sur mobile et l'email prend cinq secondes à charger. Ça vous dit quelque chose ?

Obtenir Tailles d'image par courriel de Klaviyo droit est l'une de ces choses qui semble simple, mais voyage jusqu'à même expérimentés marketing de courriel. Trop petite et vos images semblent pixelisées sur des écrans rétiniens. Trop grand et votre email se charge lentement — ou pire, est coupé par Gmail. Ce guide couvre tout ce que vous devez savoir sur les dimensions d'image, les formats et l'optimisation pour Klaviyo.

La norme: 600px Largeur du courriel

Chaque modèle d'email Klaviyo par défaut à 600 pixels de largeur. Ceci a été la norme de l'industrie pour le marketing de courriels depuis les premiers jours, et pour une bonne raison: la moyenne de messagerie de bureau client viewport se situe entre 500-600px large. Aller plus loin risques défilement horizontal sur des écrans plus petits et les mises en page cassées dans Outlook.

Vous pouvez changer cela dans l'onglet Styles de Klaviyo, mais à moins d'avoir une raison spécifique (comme une mise en page spécialisée), coller avec 600px. C'est la largeur la plus sûre pour un rendu cohérent à travers Gmail, Apple Mail, Outlook et Yahoo Mail.

Voici la partie importante : 600px est la largeur d'affichage et non la largeur d'exportation. Si vous exportez des images à exactement 600px, elles apparaîtront floues sur n'importe quel téléphone ou ordinateur portable avec un écran de rétine, qui est pratiquement tous les appareils modernes. Plus sur ceci ci-dessous.

Dimensions d'image recommandées par mise en page

La bonne largeur d'image dépend de la structure de votre messagerie. Voici une référence rapide pour les mises en page Klaviyo les plus courantes:

Pour la hauteur, Klaviyo recommande de garder des images moins de 2000px. Tout ce qui est plus grand peut causer des problèmes de chargement dans certains clients de messagerie. Si votre conception d'email est plus longue que celle qui est courante pour les lancements de produits ou les campagnes saisonnières, la section en plusieurs sections horizontales.

Pourquoi vous devriez toujours exporter à 2x (Retina)

C'est l'erreur la plus courante dans la conception d'email de Klaviyo : exporter des images à leur taille d'affichage au lieu de 2x.

Rétina affiche (trouvé sur les iPhones, MacBooks, et la plupart des téléphones Android modernes) pack deux fois plus de pixels dans chaque pouce de l'écran. Lorsque vous téléchargez une image de 600px dans une colonne de courriel de 600px, l'écran rétine tente d'étirer ces pixels sur 1200 pixels physiques, ce qui donne une image visiblement floue.

La correction est simple: conception à 2x et laisser le client de messagerie diminuer. Si votre email est de 600px large, exportez vos images pleine largeur à 1200px large. Le fichier image est plus grand, mais le client e-mail l'affichera à 600px — en utilisant tous ces pixels supplémentaires pour rendre une image nette et nette sur les écrans rétine.

Ceci est particulièrement important pour la photographie de produit. Vos clients décident d'acheter en fonction de l'aspect de vos produits dans leur boîte de réception. Une image de héros floue peut saper même la meilleure offre.

Formats de fichiers : JPEG, PNG ou GIF?

Klaviyo prend en charge trois formats d'image. Voici quand utiliser chacun :

JPEG : pour les photographies

JPEG utilise la compression perdue, ce qui signifie qu'il rejette certaines données pour obtenir de plus petites tailles de fichiers. Pour les photographies et les visuels complexes avec des dégradés et beaucoup de couleurs, JPEG est le gagnant clair. Une photo de produit qui serait 2,5 Mo en PNG peut être compressée à 200-300 Ko en JPEG sans perte de qualité visible.

Meilleur réglage : Exportation de 75 à 85 % de qualité. En dessous de 70%, vous commencerez à voir des artefacts de compression (zones bloquantes, particulièrement autour du texte et des bords tranchants). Au-delà de 90%, vous ajoutez la taille du fichier sans amélioration visible.

PNG — Meilleur pour les graphiques et logos

PNG utilise une compression sans perte, en conservant chaque pixel exactement. Cela le rend idéal pour les logos, icônes, superpositions de texte, et graphiques avec des bords pointus ou des couleurs plates. PNG prend également en charge la transparence — essentielle si votre logo doit s'asseoir sur différentes couleurs de fond.

Le compromis: Les fichiers PNG sont significativement plus grands que les JPEG pour le contenu photographique. Une bannière pleine largeur avec photographie de produit pourrait facilement être de 1-3 Mo en tant que PNG. N'utilisez PNG que lorsque vous en avez besoin.

GIF — Meilleur pour les animations simples

GIF prend en charge l'animation mais est limité à 256 couleurs. Utilisez-le pour des éléments animés simples comme un compte à rebours ou un produit subtil révéler. Pour les images de produits complexes, collez avec JPEG. Gardez les GIF animés petits — ils peuvent ballonner à plusieurs mégaoctets rapidement.

Cibles de la taille du fichier

Klaviyo permet jusqu'à 5 Mo par image, mais cela ne signifie pas que vous devriez utiliser tout cela. Voici les objectifs à atteindre pour:

• Par image: Moins de 200-300Ko (après compression)
• Courriel total : Moins de 800Ko pour toutes les images combinées
• Résolution : 72 DPI (standard pour le Web/email)

Pourquoi ces chiffres ? Parce que plus de 50% des courriels sont ouverts sur des appareils mobiles, souvent sur des connexions cellulaires. Un e-mail 3MB qui se charge instantanément sur votre bureau Wi-Fi peut prendre 5-8 secondes sur une connexion 4G — et la plupart des gens n'attendront pas si longtemps. Ils vont faire défiler le passé ou le supprimer.

Le spot doux compresse chaque image à la plus petite taille où la qualité est encore visuellement indistinguable de l'original. Des outils comme Petit PNG, Squoosh, ou ImageOptim peut réduire la taille des fichiers de 60-80% sans dégradation visible. Si vous souhaitez en savoir plus sur les techniques de compression, consultez notre guide sur comment compresser les images pour le marketing par courriel.

Conseils d'optimisation mobile

Les modèles de Klaviyo sont réactifs par défaut — les images d'un e-mail de 600px seront automatiquement réduites sur les écrans mobiles. Mais il y a quelques choses à surveiller :

• Texte en images : Si votre bannière contient du texte cuit dans l'image, assurez-vous qu'il est encore lisible aux largeurs mobiles (~320-375px). Le texte qui semble bien à 600px peut devenir illisible à 50% de taille.
• Présentations multicolonnes: Sur mobile, Klaviyo empile verticalement des colonnes. Vos images de 300px s'affichent en pleine largeur, ce qui est très bien pour les exportations de 2x, mais peut paraître flou si exporté à 1x.
• Toucher les cibles & #160;: Si vos images sont cliquables (elles devraient être), assurez-vous que la zone de lien est suffisamment grande pour les doigts. Apple recommande une cible de tap minimale de 44x44 pixels.

Erreurs courantes et comment les corriger

Erreur 1: Envoyer une image géante

Télécharger votre email entier comme une seule image haute semble plus facile, mais il cause plusieurs problèmes: Gmail superpose une icône de téléchargement sur les images sur ~800px de hauteur, certains clients de messagerie ne l'affichera pas du tout, et il n'y a rien pour les lecteurs d'écran à lire. Divisez votre email en sections horizontales — typiquement 4-8 sections par email. Cela résout le problème d'icône de téléchargement de Gmail et permet aux clients de charger des images en parallèle, faisant en fait l'email plus vite.

Erreur 2: Ne pas ajouter de texte alternatif

De nombreux clients de messagerie (surtout Outlook et environnements d'entreprise) bloquent les images par défaut. Sans texte alternatif, vos destinataires voient les cases vides. Toujours ajouter un texte descriptif alternatif à toutes les images de Klaviyo. Il aide également à l'accessibilité pour les utilisateurs sur les lecteurs d'écran.

Erreur 3: Utilisation du mauvais DPI

Certains designers exportent à 300 DPI (standard d'impression). Pour le courriel, 72 DPI est tout ce dont vous avez besoin. Un DPI plus élevé n'améliore pas l'apparence de l'image à l'écran — il rend simplement le fichier plus grand pour aucun avantage.

Feuille de Cheat de référence rapide

Questions fréquentes

Quelle est la meilleure largeur d'image pour les courriels Klaviyo?

La largeur standard du courriel à Klaviyo est de 600px. Pour les images pleine largeur, utiliser 1200px (2x) Ils ont l'air pointus sur les écrans rétiniens. Pour les mises en page à deux colonnes, utilisez 600px par image (300px largeur d'affichage à 2x). Cela garantit que vos images sont croustillantes sur les iPhones, MacBooks et les appareils Android modernes.

Quels formats d'images Klaviyo prend en charge ?

Soutiens de Klaviyo JPEG, PNG et GIF. Vous pouvez télécharger des fichiers WebP, mais Klaviyo les convertira en PNG. Pour la plupart des e-mails e-commerce avec photographie produit, JPEG à 80% de qualité donne le meilleur rapport taille-qualité.

Pourquoi mes images Klaviyo semblent floues ?

Cela signifie presque toujours que vous exportez à résolution 1x (600px de large) au lieu de 2x (1200px de large). Les écrans Retina ont besoin de doubler les pixels pour rendre les images nettes. Exportez à 2x et laissez Klaviyo les abaisser – les pixels supplémentaires rendent les images nettes sur les écrans modernes.

Quelle est la taille maximale d'image autorisée à Klaviyo?

Klaviyo permet jusqu'à 5 Mo par image, mais la meilleure pratique est de garder chaque image sous 1 Mo – idéalement environ 200-300Ko après compression. Cela assure un chargement rapide, en particulier pour les abonnés mobiles sur les connexions cellulaires.

Devrais-je utiliser PNG ou JPEG pour les images par courriel?

Utilisation JPEG pour photographies et des visuels complexes (tailles de fichier plus petites). Utilisation PNG pour graphiques avec texte pointu, logos, ou quand vous avez besoin de transparence. La plupart des images de produits de commerce électronique fonctionnent mieux comme JPEG à 75-85% de qualité.