SVG vs PNG : Quel Format Choisir ?
Utilisez le format SVG pour les icônes de sites web, les logos et les interfaces car les tracés vectoriels restent nets sur tous les écrans. Utilisez le format PNG lorsque vous avez besoin d’une image matricielle fixe pour un e-mail ou un réseau social.
L’art vectoriel enregistre les contours en mathématiques et non en pixels : un même fichier reste net d’une favicon de 16 px jusqu’à un export de 2048 px. Le PNG fournit des pixels fixes, ce que certaines plateformes exigent. Ce site convertit le SVG en PNG et WebP dans votre navigateur aux tailles 64px, 128px, 256px, 512px, 1024px, 2048px, et chaque page d’icône documente sa licence et son auteur. Préférez le SVG pour les icônes d’interface et les logos qui doivent survivre aux écrans Retina, aux changements de couleur et aux mises en page responsives ; préférez le PNG quand la destination exige une image fixe, comme les cartes sociales, les pages App Store ou les anciens clients de messagerie.
SVG, one file for every size
<svg viewBox="0 0 24 24" width="24" height="24" role="img" aria-label="Bell">
<path d="M12 3a6 6 0 0 0-6 6c0 4.5-1.5 5.5-1.5 5.5h15S18 13.5 18 9a6 6 0 0 0-6-6Z"/>
<path d="M10 19a2 2 0 0 0 4 0"/>
</svg>PNG, when a fixed pixel size is required
<img src="bell-512px.png" width="512" height="512"
alt="Bell notification icon">Faits vérifiés sur ce site
- Formats d’export : Optimized SVG, PNG, WebP, React TSX, Vue 3 SFC, Svelte, CSS mask or data URI, SVG sprite
- Tailles d’export raster : 64px, 128px, 256px, 512px, 1024px, 2048px
- Limite d’envoi par fichier dans l’atelier : 2 MB
- La licence et l’auteur figurent sur chaque page d’icône.