Préparer une image pour l'e-mail
Mis à jour : mai 2026
Intégrer une image dans un email n'est pas aussi simple que de la mettre sur un site web. Les clients email — et Outlook en particulier — ont leurs propres règles de rendu, de format et de poids. Voici ce qu'il faut savoir avant d'envoyer.
Gratuit · Sans upload · Dans le navigateur
Formats supportés selon le client email
| Format | Gmail | Outlook 2019+ | Apple Mail | Recommandation |
|---|---|---|---|---|
| JPEG | ✓ | ✓ | ✓ | Format principal pour les photos |
| PNG | ✓ | ✓ | ✓ | Logos, images avec transparence |
| GIF | ✓ | Statique | ✓ | Éviter — Outlook affiche la première frame |
| WebP | ✓ | ✗ | ✓ (récent) | Déconseillé — incompatible Outlook |
| SVG | ✗ | ✗ | ✗ | Non supporté dans les emails |
Règle simple : utilisez JPEG pour les photos, PNG pour les logos. Évitez WebP tant qu'Outlook ne le supporte pas — en 2024, Outlook représente encore 30 à 40% du marché des clients email en entreprise.
Poids recommandé
Le poids total de l'email (HTML + images embarquées) influe sur plusieurs points critiques :
- Gmail tronque à 102 Ko de HTML. Si votre email est trop lourd, Gmail affiche "Afficher le message complet" — une mauvaise expérience et un risque de passer à côté du bouton d'action.
- Les filtres antispam de certains serveurs corporate pénalisent les emails trop lourds.
- Le temps de chargement sur mobile (connexion 4G variable) dépend directement du poids des images hébergées.
Objectifs : moins de 100 Ko par image, moins de 1 Mo pour l'email complet (images hébergées non comptées). Si vous intégrez des images en base64, comptez-les dans le poids total du HTML.
Largeur et dimensions
- 600 px maximum — standard universel pour les templates email desktop. Outlook ne gère pas correctement les images plus larges.
- 320 px sur mobile — les templates responsive rétrecissent les images. Votre image à 600 px doit rester lisible à mi-largeur.
- Attributs width et height obligatoires en HTML email —
<img width="600" height="400">— pour éviter les décalages de mise en page pendant le chargement.
Images de fond dans Outlook : Outlook 2007–2019 ne supporte pas background-image en CSS. Pour un fond coloré avec texte par-dessus, utilisez une balise <table> avec bgcolor, pas du CSS.
Images hébergées vs images en pièce jointe
Deux approches pour inclure des images dans un email :
- Images hébergées (lien
srcexterne) — légèreté du mail, mais les images ne s'affichent pas si le destinataire bloque les images par défaut (courant en entreprise). Nécessite un hébergement. - Images en base64 embarquées — s'affichent sans connexion, mais alourdissent considérablement l'email. À réserver aux images critiques (logo, header).
- Images en pièce jointe liée (CID) — technique avancée, supportée par certains clients email, pas fiable en cross-client.
Pour la plupart des newsletters et emails transactionnels, les images hébergées sont la meilleure approche.
Questions fréquentes
Quel format d'image pour un email ?
JPEG pour les photos, PNG pour les logos et images avec transparence. Évitez WebP (incompatible Outlook) et SVG (non supporté dans les emails).
Quelle largeur maximale dans un email ?
600 px est le standard universel. Outlook ne gère pas correctement les images plus larges. Sur mobile, les templates responsive réduisent à 320–480 px — votre image à 600 px doit rester lisible à mi-largeur.
Quel poids maximum pour les images dans un email ?
Moins de 100 Ko par image, moins de 1 Mo pour l'email complet. Gmail tronque les emails au-delà de 102 Ko de HTML. Les filtres antispam pénalisent les emails trop lourds.