Optimiser vos images
Les images volumineuses et non optimisées sont l'une des causes les plus courantes d'e-mails au chargement lent et de mauvaises expériences mobiles. Cet article explique les formats, les dimensions et les outils à utiliser pour que vos images se chargent rapidement et restent nettes partout.
Pourquoi l'optimisation des images est importante
- Rapidité : des images qui se chargent lentement amènent les lecteurs à abandonner votre e-mail avant qu'il ne soit entièrement affiché, en particulier sur les connexions mobiles.
- Limites de taille de fichier : la médiathèque de Flexmail a une limite de 2 Mo par fichier. Les images non optimisées issues d'un appareil photo ou d'un outil de design dépassent régulièrement cette limite.
- Délivrabilité : les e-mails dont la taille totale du fichier est très élevée peuvent être tronqués par des clients de messagerie comme Gmail, ce qui coupe votre contenu.
Choisir le bon format de fichier
JPEG
Idéal pour les photographies et les images comportant de nombreuses couleurs et dégradés. Enregistrez à 80-85 % de qualité pour un bon équilibre entre la taille du fichier et la qualité visuelle. Utilisez le JPEG pour : les photos de produits, les photos d'événements, les images de bannière et tout contenu photographique.
PNG
Idéal pour les images avec des bords nets, du texte, des logos ou de la transparence. Le PNG préserve les détails que la compression JPEG rend flous. Utilisez le PNG-8 plutôt que le PNG-24 lorsque la profondeur de couleur le permet. Utilisez le PNG pour : les logos, les icônes, les captures d'écran et les graphiques contenant du texte.
GIF
À utiliser uniquement pour les images animées. Gardez les GIF animés courts, de petites dimensions et avec une palette de couleurs limitée pour maîtriser la taille du fichier. Voir « Images animées dans les e-mails » pour plus de conseils.
Redimensionner avant de télécharger
Les images d'e-mail n'ont pas besoin d'avoir la même résolution que les images d'impression. Un e-mail standard fait 600 px de large, une image de plus de 1200 px de large (pour les écrans 2x/Retina) est donc plus grande que nécessaire. Redimensionner aux dimensions d'affichage réelles avant le téléchargement réduit considérablement la taille du fichier sans aucune perte de qualité visible.
Compresser vos images
Même après avoir choisi le bon format et redimensionné, passer vos images par un outil de compression peut réduire la taille des fichiers de 30 à 70 % supplémentaires sans aucune perte de qualité visible. Outils utiles :
- Squoosh (squoosh.app) : basé sur le navigateur, affiche une comparaison avant/après.
- TinyPNG / TinyJPG (tinypng.com) : compression simple en drag & drop pour PNG et JPEG.
- ImageOptim (imageoptim.com) : application Mac pour la compression par lots.
Conseil de support si vous recevez une erreur « fichier trop volumineux » lors du téléchargement dans la médiathèque de Flexmail, ouvrez l'image dans Squoosh, réduisez la qualité à 75 % et téléchargez-la à nouveau. Cela ramène la plupart des images bien en deçà de la limite de 2 Mo.
Prochaines étapes
- Voir « La médiathèque » pour gérer les images téléchargées dans votre compte.
- Voir « Ajouter une image » pour insérer des images dans un message.
- Voir « Images animées dans les e-mails » pour des conseils sur l'utilisation des GIF.