Convertisseur SVG vers PNG

Cet outil transforme un graphique vectoriel SVG en image PNG matricielle. Déposez un fichier SVG ou collez son code, choisissez une échelle (ou saisissez une largeur personnalisée), puis téléchargez le PNG.

Comment l’outil détermine-t-il la bonne taille ?

Il lit d’abord les attributs width et height du SVG lorsqu’ils sont tous deux définis en valeurs absolues, comme 120px ou 48. Si l’un des deux manque ou n’est donné qu’en pourcentage, l’outil se rabat sur l’attribut viewBox, en déduisant la dimension manquante à partir du rapport largeur-hauteur quand une seule mesure est exploitable. Si le fichier ne contient aucune de ces informations, il utilise 300x150, la taille par défaut qu’appliquent les navigateurs à une balise <img> sans dimension précisée. À partir de là, choisir une échelle 1x, 2x ou 4x multiplie cette taille de base, ou vous pouvez saisir une largeur personnalisée : la hauteur suit automatiquement le même rapport.

Le fichier SVG est-il envoyé quelque part ?

Non, tout se passe sur votre appareil. Le navigateur dessine le SVG dans un élément canvas caché puis relit les pixels obtenus pour construire le PNG, si bien que le fichier n’est jamais transmis à un serveur. Cela signifie aussi que le SVG est traité comme une simple image : les balises <script> ou les gestionnaires d’événements qu’il contiendrait ne s’exécutent pas, puisque le rendu sur un canvas n’interprète pas le document comme le ferait son insertion directe dans une page.

Que se passe-t-il avec un SVG mal formé ?

Le convertisseur exige un minimum, une balise d’ouverture <svg> reconnaissable : un texte qui ne ressemble à rien de tel est rejeté avant même de tenter un dessin. Au-delà de cette vérification, le rendu est confié au moteur SVG du navigateur, donc la plupart des SVG bien formés (groupes imbriqués, dégradés, polices ou images intégrées compris) s’affichent comme ils le feraient si vous ouvriez le fichier directement. Un XML réellement cassé, contrairement à une largeur ou une hauteur manquante, échouera quand même au rendu puisque le navigateur ne parvient pas à le transformer en document.

Quand utiliser cet outil ?

Utilisez-le pour transformer un logo ou une icône en PNG pour un endroit qui n’accepte pas le SVG, comme un vieux CMS, une signature d’e-mail ou un moteur de jeu. Vous pouvez aussi exporter la même icône en 1x, 2x et 4x pour différentes densités d’écran, pratique pour des icônes d’application ou des favicons qui doivent exister en plusieurs tailles fixes. Pour mieux comprendre ces deux formats d’image et savoir quand choisir l’un ou l’autre, consultez le guide des formats d’image de MDN.