Comment ajouter un GIF animé à un e-mail
Gmail (web)
- Cliquez sur Nouveau message.
- Cliquez sur l'icône Insérer une photo dans la barre d'outils du bas.
- Choisissez Importer, sélectionnez le GIF et cochez Intégrée (et non En tant que pièce jointe).
- Envoyez. Le GIF est lu dans le corps du message.
Outlook (nouvel Outlook et Outlook sur le web)
Dans un nouveau message, utilisez Insérer → Images et choisissez le GIF sur votre appareil. Il est inséré directement dans le corps. Les destinataires sous Outlook 2007–2019 pour Windows ne voient que le premier cadre.
Apple Mail
Sur Mac, faites glisser le GIF depuis le Finder dans le corps du message. Sur iPhone, touchez le corps du message et insérez le GIF depuis Photos.
Plateformes d'e-mail marketing
Dans Mailchimp, Klaviyo, HubSpot et les outils similaires, ajoutez un bloc image et importez le GIF. La plateforme héberge le fichier et l'intègre à l'e-mail pour vous.
Pourquoi utiliser des GIFs dans les e-mails
Les GIFs animés sont le seul moyen fiable d'ajouter du mouvement aux e-mails. Contrairement aux vidéos, dont la prise en charge est inégale selon les clients de messagerie, les animations GIF fonctionnent dans pratiquement tous les grands clients de messagerie, à l'exception des anciennes versions d'Outlook pour Windows (2007–2019), qui affichent le premier cadre comme une image statique.
Les avantages sont significatifs :
- Plus d'informations en une image : plusieurs angles d'un produit ou plusieurs étapes tiennent dans un seul GIF
- Accrocheur : le mouvement attire naturellement l'attention dans une boîte de réception statique
- Lecture automatique : aucune interaction requise de la part de l'utilisateur, contrairement aux vidéos intégrées
- Démonstrations produit : montrez des fonctionnalités en action sans nécessiter un clic
- Minuteries à rebours : créez de l'urgence pour les ventes et les lancements
Exigences de taille pour les GIFs en e-mail
Le GIF idéal pour un e-mail pèse moins de 500 Ko. Voici pourquoi :
- Les images volumineuses ralentissent le chargement des e-mails — les abonnés sur mobile peuvent ne pas attendre
- Certains clients de messagerie tronquent les e-mails dépassant certains seuils de taille
- Gmail coupe les e-mails dépassant 102 Ko de HTML, bien que les images se chargent séparément
- Plusieurs GIFs volumineux dans un même e-mail aggravent le problème de chargement
| Client de messagerie | Animation GIF | Remarques |
|---|---|---|
| Gmail | Prise en charge complète | Web, iOS, Android |
| Apple Mail | Prise en charge complète | macOS et iOS |
| Yahoo Mail | Prise en charge complète | Web et mobile |
| Outlook.com (web) | Prise en charge complète | Version web uniquement |
| Outlook 2007–2019 | Premier cadre uniquement | 2007, 2010, 2013, 2016, 2019 (Windows) ; Microsoft 365 lit les GIFs |
| Samsung Email | Prise en charge complète | Client par défaut Android |
Le problème du premier cadre dans Outlook
Les versions 2007 à 2019 d'Outlook pour Windows utilisent le moteur de rendu de Word pour les e-mails HTML, qui ne prend pas en charge l'animation GIF. Ces clients affichent uniquement le premier cadre comme une image statique. Outlook pour Microsoft 365 et Outlook sur le web lisent les animations.
De nombreuses boîtes de réception professionnelles utilisent encore ces versions : concevez donc votre GIF pour qu'il fonctionne même sans animation :
- Placez votre message clé dans le cadre 1 : l'appel à l'action, l'image produit ou le titre doivent être visibles sans animation
- Concevez le cadre 1 comme une image autonome : il doit avoir du sens même si aucun autre cadre ne s'affiche
- Ajoutez les superpositions de texte tôt : si votre GIF contient du texte, affichez-le dans le premier cadre
- Testez avec Litmus ou Email on Acid : prévisualisez le rendu sur tous les clients avant l'envoi
Paramètres GIF optimaux pour les e-mails
| Paramètre | Recommandation | Pourquoi |
|---|---|---|
| Largeur | 320–480 px | Les colonnes d'e-mail font ~600 px de large |
| FPS | 8–10 | Le contexte e-mail est indulgent |
| Durée | 2–6 secondes | Message rapide, pas un film |
| Couleurs | 64–128 | Moins de couleurs = fichiers plus petits |
| Dithering | Bayer ou Sierra2 | Bayer pour la taille minimale |
| Boucle | 2–3 fois ou infini | Attire l'attention sans agacer |
Bonnes pratiques pour les GIFs en e-mail
- 1–2 GIFs par e-mail maximum : au-delà, le chargement est ralenti et l'abonné est submergé
- Incluez toujours un texte alternatif : décrit l'image pour l'accessibilité et lorsque les images sont bloquées
- Évitez les clignotements rapides : plus de 3 clignotements par seconde peut déclencher des troubles photosensibles
- Placez au-dessus du pli : le GIF doit être visible sans défilement
- Ne vous fiez pas à l'animation pour les informations critiques : le message doit aussi fonctionner comme une image statique
Meilleurs cas d'utilisation des GIFs en e-mail
- Mise en valeur produit : faire défiler les angles ou les fonctionnalités du produit
- Compte à rebours pour les soldes : une minuterie animée crée de l'urgence
- Démos avant/après : basculer entre deux états
- Bouton CTA animé : une légère pulsation ou un changement de couleur attire les clics
- Extraits de tutoriels : montrez un rapide mode d'emploi en 3–5 cadres
Préréglage e-mail : largeur 400 px, 8 fps, 64 couleurs, dithering bayer, durée 4 secondes, boucle 3 fois. Cela cible moins de 500 Ko pour un chargement rapide sur tous les clients.
Pourquoi mon GIF ne bouge-t-il pas dans l'e-mail ?
- Les anciennes versions d'Outlook pour Windows (2007–2019) n'affichent que le premier cadre. Placez votre message dans le cadre 1.
- Il a été joint au lieu d'être inséré dans le corps. Les pièces jointes s'affichent sous forme d'icône de fichier ou d'aperçu fixe. Insérez-le dans le corps du message.
- Ce n'est pas vraiment un GIF. Certains « GIFs » enregistrés depuis des sites de GIFs sont en réalité des fichiers MP4 ou WebP. Vérifiez l'extension et convertissez d'abord les clips vidéo en GIF.
- Les images sont bloquées. Certains clients ne chargent les images qu'après autorisation du lecteur.
- Le fichier est trop lourd. Les GIFs volumineux se chargent lentement sur mobile. Visez moins de 1 Mo, idéalement moins de 500 Ko.
Les GIFs créés avec le convertisseur de cette page tournent en boucle à l'infini. Pour l'e-mail, un clip plus court et une largeur réduite (320–480 px) limitent le poids du fichier.