Gmail utilise un système de proxy d'images qui peut modifier ou convertir vos images avant de les afficher aux destinataires. Lorsque un Email contient des images WebP, Gmail changera le format (en PNG ou JPEG), ce qui peut aplatir la transparence, ajuster les couleurs ou supprimer l'animation. En conséquence, vous pourriez remarquer des bords déformés, des halos roses/rouges, des arrière-plans noirs ou des images de produit de moindre qualité.
Cet article explique pourquoi ces problèmes se produisent et comment les prévenir ou les résoudre.
Pourquoi Gmail modifie les images WebP
Gmail n'affiche pas toujours votre image exactement comme vous l'avez téléchargée. Lorsque votre Email est ouvert, Gmail crée sa propre version de l'image, et pendant ce processus, l'image peut changer.
Voici ce que Gmail peut faire aux images WebP :
Convertir le format de l'image de WebP à PNG ou JPEG ;
Supprimer la transparence, ce qui peut ajouter des couleurs inattendues autour des bords ;
Compresser ou ajuster l'image, ce qui peut réduire la netteté ou la clarté ;
Transformer les images WebP animées en images statiques.
Ces changements expliquent pourquoi les fichiers WebP dans Gmail peuvent s'afficher différemment, comme dans l'exemple ci-dessus. Ces changements sont introduits après que Gmail traite l'image.
Remarque : Omnisend ne ne réencode pas ou ne modifie pas vos fichiers image. Nous faisons référence directement à l'URL de votre image dans la balise <img>. Des problèmes d'affichage sont introduits après que Gmail traite votre image via son proxy.
Dépanner les problèmes courants d'images WebP dans Gmail
Bords rouges/roses autour des images
Les images contenant de la transparence, des bords doux ou des découpes peuvent montrer de fins bords roses ou rouges dans Gmail.
Cela se produit parce que Gmail convertit souvent les images WebP en JPEG, et JPEG ne prend pas en charge la transparence. Lorsque la couche de transparence est aplatie, de légers franges de couleur peuvent apparaître autour des bords, surtout sur des fonds blancs ou clairs.
Solution :
Pour éviter les halos ou les franges autour de vos images :
Évitez d'utiliser WebP pour les graphiques. Utilisez plutôt PNG.
Vous pouvez utiliser PNG pour toute image avec transparence, ombres douces, produits découpés, logos ou icônes.
Utilisez JPG pour les photos.
Le format JPG est l'option la plus sûre pour les photos en pleine page et les images de style arrière-plan sans transparence.
Cela empêche les halos/franges indésirables, réduit le temps passé à déboguer l'apparence des emails et aide les emails à apparaître comme prévu dans tous les clients de messagerie.
Problèmes de fond transparent WebP
En plus des bords roses/rouges, les images avec des fonds transparents peuvent également apparaître avec un fond noir, gris ou une couleur de fond inattendue lorsqu'elles sont vues dans Gmail.
Lorsque Gmail convertit les images WebP dans un format différent avant de les afficher, la transparence peut être supprimée ou aplatie, ce qui fait que les zones précédemment transparentes sont remplies d'une couleur unie.
Solution :
Pour éviter les problèmes de fond transparent dans Gmail :
Évitez d'utiliser WebP pour les images avec transparence. Utilisez PNG à la place.
Le PNG préserve la transparence de manière plus fiable lorsque les clients de messagerie traitent les images.Utilisez PNG pour les logos, icônes et graphiques avec des fonds transparents.
Cela aide à garantir que les zones transparentes restent transparentes dans toutes les boîtes de réception.Évitez les ombres douces ou les bords partiellement transparents lorsque cela est possible.
Ces éléments sont plus susceptibles de produire des couleurs d'arrière-plan indésirables après la conversion.
Utiliser le PNG pour les images transparentes réduit les remplissages de fond inattendus et aide vos emails à s'afficher de manière cohérente dans Gmail et d'autres clients de messagerie.
Images WebP animées affichées comme statiques
Les images WebP animées peuvent apparaître comme des images fixes (non animées) lorsqu'elles sont ouvertes dans Gmail.
Gmail ne prend pas en charge de manière fiable les fichiers WebP animés. Lorsque Gmail traite ces images avant de les afficher, l'animation peut être supprimée, et une seule image est affichée.
Solution :
Pour garantir que les animations s'affichent correctement dans Gmail :
Évitez les images WebP animées dans les e-mails.
Gmail peut convertir les fichiers WebP animés en images statiques.Utilisez GIF pour le contenu animé à la place.
Le GIF est le format d'animation le plus largement supporté par les clients de messagerie, y compris Gmail.Gardez les animations légères et simples.
Des animations courtes et en boucle avec moins de cadres se chargent plus fiablement et s'affichent de manière plus cohérente.
Utiliser des GIFs pour l'animation aide à garantir que le mouvement est préservé, et que votre message apparaît comme prévu dans Gmail et d'autres clients de messagerie.
FAQ
Pourquoi mes images de produit de WooCommerce apparaissent-elles floues ou fracturées dans Gmail ?
Cela peut se produire si vos images de produit WooCommerce ont été téléchargées au format WebP, en particulier lorsqu'elles incluent des arrière-plans transparents. Lorsque ces images se synchronisent dans Omnisend, la version WebP originale est préservée. Gmail peut ensuite convertir ou recomprimer l'image lors de son affichage, ce qui peut entraîner un flou, une pixellisation ou des bords fracturés.
Pour résoudre ce problème, mettez à jour les images de produit à la source dans WooCommerce :
Supprimez les fonds transparents, ou
Remplacer les images WebP par des versions PNG ou JPG
Une fois que l'image source est mise à jour dans WooCommerce, l'image corrigée se synchronisera automatiquement dans vos e-mails Omnisend.
Puis-je empêcher Gmail de changer mes images ?
Non. Gmail contrôle comment les images sont traitées et affichées, et ce comportement ne peut pas être contourné.
Pourquoi mes images ont-elles l'air bien sur mon site web mais pas dans Gmail ?
Les navigateurs Web prennent en charge WebP nativement. Les clients de messagerie, y compris Gmail, peuvent changer la façon dont les images WebP sont traitées avant de les afficher.
Besoin d'aide supplémentaire ? N'hésitez pas à contacter notre équipe de support via le chat dans l'application ou à [email protected]