Vexillologie · 7 min de lecture
Formats d'image pour drapeaux : SVG, PNG, WebP comparés
Publié le
Un drapeau, c'est une image. Et toutes les images ne se valent pas. Trois formats dominent en 2026 pour distribuer des drapeaux : SVG (vectoriel), PNG (raster sans perte), WebP (raster moderne). Comparatif technique et critères de choix.
SVG — Scalable Vector Graphics
Format vectoriel basé sur XML, standardisé par le W3C en 2001. Les drapeaux y sont parfaits car composés de formes géométriques simples.
- Poids — typiquement 1-10 Ko pour un drapeau national.
- Qualité — infinie, redimensionnable sans perte.
- Support — tous navigateurs modernes (≥ IE9), CSS, JS, animation.
- Limite — pas pour les photos ou les drapeaux à motif complexe (broderie, écusson photographique).
PNG — Portable Network Graphics
Format raster sans perte, standardisé en 1996. Référence pour les exports d'image avec transparence.
- Poids — 20-300 Ko selon résolution (typiquement 2560 px pour usage HD).
- Qualité — sans perte, mais pixellisé si zoomé au-delà de la taille native.
- Support — universel, depuis 1996.
- Usage — applications, présentations, fallback navigateur ancien.
WebP — Format Google (2010)
Format raster moderne, ~30 % plus léger que PNG à qualité équivalente. Supporte transparence et animation.
- Poids — 30-200 Ko pour un drapeau 2560 px.
- Support — tous navigateurs modernes depuis 2020 (Safari ≥ 14).
- Usage — sites web optimisés pour la performance (Core Web Vitals).
Tableau récapitulatif
| Critère | SVG | PNG | WebP |
|---|---|---|---|
| Type | Vectoriel | Raster sans perte | Raster moderne |
| Poids moyen | 2-10 Ko | 50-300 Ko | 30-200 Ko |
| Redimensionnable | ✅ Infini | ❌ | ❌ |
| Transparence | ✅ | ✅ | ✅ |
| Animation | ✅ CSS/SMIL | ❌ (APNG) | ✅ |
| Support print HD | ✅✅ | ✅ | ⚠ |
| Support email/Office | ⚠ Partiel | ✅ | ⚠ Partiel |
Télécharger un drapeau en SVG, PNG ou WebP
Recommandation par usage
- Site web responsive moderne — SVG (10× plus léger qu'un PNG à qualité égale).
- Application mobile native — PNG @1×, @2×, @3× pour fluidité d'affichage.
- Présentation PowerPoint / Keynote — PNG (SVG mal supporté par Office).
- Print (poster, brochure) — SVG (poids infini = qualité infinie).
- Réseaux sociaux — PNG ou WebP en 1080×1080.
- E-mail marketing — PNG (le seul totalement compatible).
Format PDF : à éviter pour un simple drapeau
Le PDF embarque un SVG ou un PNG selon la génération. Pour distribuer un drapeau, préférez le format source (SVG ou PNG) — le PDF ajoute du poids sans valeur.
Convertly FLAGS distribue les 3 formats
Notre référentiel propose chaque drapeau en SVG (1-5 Ko), PNG 2560 px (100-300 Ko) et WebP 2560 px (30-150 Ko). Vous choisissez selon votre cas d'usage.