Objectif de cet article
Découvrez les bonnes pratiques en matière d’utilisation d’images dans les e-mails Klaviyo, notamment concernant la taille des images et la manière de les ajouter.
Bonnes pratiques en matière d’utilisation d’images dans les e-mailsBonnes pratiques en matière d’utilisation d’images dans les e-mails
Klaviyo prend en charge les fichiers image au format JPEG, PNG et GIF. En général, les fichiers PNG s’affichent mieux sur tous les types d’appareils, en particulier les images contenant du texte.
La taille maximale d’un fichier image prise en charge par Klaviyo est de 5 Mo. Toutefois, nous vous recommandons d’utiliser des images de 1 Mo ou moins, car les images plus lourdes peuvent mettre du temps à se charger, ce qui nuit à l’expérience du destinataire.
Sur le web, il est généralement conseillé d’utiliser une résolution de 72 ppp. Essayez de maintenir vos images entre 600 et 1 000 pixels en largeur, et moins de 2 000 pixels en hauteur pour les images en pleine largeur, afin de trouver le juste équilibre entre qualité et vitesse de chargement. Les images qui ne couvrent pas toute la largeur de l’e-mail peuvent faire moins de 600 pixels.
Remarque : la taille d’une image en pleine largeur de 72 ppp est souvent supérieure à 1 Mo, et réduire la taille d’une image peut donner une image floue ou de mauvaise qualité. Lorsque vous choisissez les images à inclure dans vos messages, trouvez le bon compromis entre la qualité de l’image et le temps de chargement : les images de grande taille peuvent ne pas apparaître immédiatement à l’ouverture de votre e-mail, surtout en cas de connexion internet lente.
Ajoutez toujours un texte alternatif à vos images. Certaines boîtes de réception, comme Outlook ou Apple Mail, n’affichent pas les images tant que le destinataire n’a pas choisi de les voir. En ajoutant un texte alternatif qui décrit votre image, vous vous assurez que les destinataires utilisant ces boîtes de réception comprendront le message que l’image est censée transmettre, et favorisez également l’accessibilité.
Insérer un bloc d’imagesInsérer un bloc d’images
La manière la plus simple d’importer des images dans Klaviyo est de les faire glisser de votre ordinateur vers le modèle :
Chaque image que vous faites glisser sur un modèle crée un bloc d’images distinct. Vous pouvez également faire glisser un bloc d’images vers le modèle, puis choisir l’image à inclure.
Une fois que vous avez placé le bloc d’images, vous êtes invité à ajouter votre image en :
- Déposant une image dans le bloc pour l’importer instantanément.
- Navigant sur votre ordinateur pour trouver et importer une image.
- L’important à partir d’une URL.
- Choisissant une image dans votre bibliothèque d’images.
- Choisissant une image dans votre catalogue de produits (si vous disposez d’une intégration avec une plateforme e-commerce ou si vous avez synchronisé un catalogue personnalisé).
- Insérant une URL de remplacement ou une séquence de variables si vous souhaitez qu’une image soit ajoutée de manière dynamique (pour les flux uniquement)
Si vous importez une image, la taille maximale de l’image est de 5 Mo.
Recadrer une imageRecadrer une image
Les images contenues dans les blocs d’images, les blocs fractionnés et les blocs de tableau peuvent facilement être recadrées. Cliquez sur le bloc d’images, puis sur Recadrer sous l’icône de l’image à gauche.
Vous pouvez choisir de recadrer une image sous forme de cercle, de carré ou de rectangle en choisissant une largeur et une hauteur personnalisées. Lorsque vous recadrez une image dans l’éditeur, votre image complète d’origine est conservée, ce qui signifie que vous pouvez ajuster ou supprimer le recadrage à tout moment.
Lorsque vous avez terminé le recadrage, n’oubliez pas de cliquer sur la flèche de retour pour appliquer vos modifications.
Redimensionner une image
Pour redimensionner une image, accédez à la section Taille de l’image du panneau Styles du bloc d’images. Ici, vous pouvez définir manuellement une hauteur ou une largeur pour l’image, définir l’alignement de l’image, etc.
Modifier une image
Vous pouvez modifier une image depuis une barre d’en-tête. L’éditeur d’images n’est pas disponible pour les images contenues dans d’autres types de blocs.
Cliquez sur un bloc d’en-tête contenant une image, puis cliquez sur Modifier sous l’icône de l’image pour accéder à un éditeur de photos et ajuster l’apparence de l’image. Vous pouvez choisir parmi un éventail de fonctionnalités d’édition de photos allant du redimensionnement de l’image à l’ajustement de sa palette de couleurs. Vous pouvez également dessiner sur une image ou y superposer du texte.
Images dans les modèles HTML importés
Pour les modèles HTML que vous copiez dans Klaviyo (à l’exception des modèles MailChimp), vous importez un fichier zip contenant vos images au cours du processus d’importation.
Pour les modèles MailChimp, si vous importez un modèle qui contient des images déjà chargées dans MailChimp, Klaviyo copie automatiquement toutes ces images.
Une fois que vous avez importé une image, vous pouvez utiliser le bouton Insérer une image pour importer de nouvelles images pour ce modèle :
Qualité de l’image
Si vous craignez que vos images ne s’affichent pas de façon assez nette ou précise dans vos e-mails, vous pouvez améliorer la qualité de l’image.
L’une des normes les plus courantes pour améliorer la netteté d’une image qui s’affiche dans un e-mail consiste à insérer une image de deux fois la taille souhaitée, puis à réduire la taille de l’image dans votre modèle. Deux approches sont possibles :
- Insérez une version nette et de grande taille de votre image dans votre modèle, puis cliquez sur Modifier et redimensionnez-la aux dimensions souhaitées.
- Insérez une image nativement plus grande (à savoir 600 pixels de largeur) et affichez-la dans une taille plus petite (300 pixels de largeur) à l’aide de CSS ; si vous adoptez cette approche, vous devrez insérer votre image dans un bloc de texte et ajuster le code source CSS.
Types d’images
Klaviyo prend en charge trois types d’images différents : JPEG, PNG et GIF.
Si vous disposez d’un fichier PSD, SVG ou d’un autre format, vous devez le convertir dans l’un des formats d’image ci-dessus.
En savoir plus sur les types d’images les mieux adaptés pour vos e-mails
Bibliothèque d’imagesBibliothèque d’images
Les images que vous importez dans Klaviyo sont stockées dans Contenu > Images et marque > Images. Si vous supprimez une image de votre bibliothèque d’images, vous ne la supprimez pas des modèles qui l’utilisent actuellement.
Ressources complémentaires