Convertisseur SVG en PNG
Convertissez un SVG en PNG dans votre navigateur à toute échelle ou largeur/hauteur exacte, fond transparent ou coloré. Gère les SVG avec seulement un viewBox.
Les images, polices et feuilles de style externes référencées par le SVG ne sont pas chargées lors du rendu en image ; intégrez-les ou convertissez le texte en tracés au préalable.
S'exécute entièrement dans votre navigateur. Vos données ne sont jamais envoyées.
Qu'est-ce que SVG en PNG ?
Cet outil restitue un graphique vectoriel SVG sous forme d’image PNG. Importez un fichier .svg ou collez le code SVG, choisissez un facteur d’échelle (1× à 4× ou toute valeur) ou une largeur ou hauteur fixe, et gardez le fond transparent ou remplissez-le d’une couleur. Le vecteur est redessiné à la taille cible : le PNG reste net à toute résolution.
Comment utiliser SVG en PNG
- Déposez ou choisissez un fichier SVG, ou collez le balisage SVG dans Code SVG.
- Vérifiez la Taille intrinsèque détectée (d’après width/height, d’après le viewBox, ou la valeur par défaut 300×150).
- Sous Taille de sortie, choisissez un facteur d’échelle ou une largeur/hauteur fixe et saisissez la valeur.
- Gardez Fond transparent activé, ou décochez-le et choisissez une couleur de fond.
- Téléchargez le PNG (nommé par exemple
logo@2x.png).
Exemple
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 12"><rect width="24" height="12" fill="#ff0000"/></svg> à l’échelle 2
PNG 48×24, rouge uni (taille intrinsèque 24×12 tirée du viewBox)
Quand utiliser SVG en PNG
Utilisez-le pour produire des icônes, logos ou illustrations PNG pour des applications, les réseaux sociaux, des documents ou des plateformes qui n’acceptent pas le SVG. Continuez à utiliser le SVG sur le web quand c’est possible : il est plus léger et indépendant de la résolution. Les SVG qui s’appuient sur des polices ou images externes seront rendus sans elles.
Comment fonctionne SVG en PNG
L’outil lit les attributs width, height et viewBox de l’élément racine <svg> pour déterminer la taille intrinsèque (les unités absolues comme pt, mm et in sont converties en px ; les pourcentages se rabattent sur le viewBox). Il réécrit ensuite l’élément racine avec la largeur et la hauteur cibles exactes (en ajoutant un viewBox s’il manque pour que le dessin s’adapte), le charge comme image et le dessine sur un canevas de cette taille : les vecteurs sont ainsi rastérisés en pleine résolution plutôt qu’agrandis à partir d’un petit bitmap.
Cas d'utilisation courants
- Exporter un logo SVG en 2× et 3× pour des ressources d’application mobile.
- Créer une icône PNG 512×512 à partir d’un SVG pour une fiche de boutique d’applications.
- Convertir un graphique SVG en PNG pour un diaporama ou un document Word.
- Fabriquer un PNG à fond blanc pour les plateformes qui affichent la transparence en noir.
Note de Sécurité
Les images sont décodées, traitées et encodées localement dans votre navigateur avec l’API Canvas. Rien n’est envoyé à un serveur. Le SVG est rendu comme une image : les scripts intégrés ne s’exécutent pas.
Questions Fréquentes
Mon SVG n’a ni width ni height. Quelle taille aura le PNG ?
La largeur et la hauteur du viewBox servent de taille intrinsèque. S’il n’y a pas non plus de viewBox, les navigateurs utilisent 300×150, et l’outil vous l’indique.
Pourquoi mon texte s’affiche-t-il dans une autre police ?
Les SVG rendus comme images ne peuvent pas charger de polices externes. Convertissez le texte en tracés dans votre éditeur ou intégrez la police sous forme de data URI.
Quelle taille maximale pour le PNG ?
Aussi grande que le permet le canevas de votre navigateur. Si vous demandez plus, l’outil réduit la sortie et affiche un avis.