SVG to PNG Converter
Understand SVG to PNG Converter
Rastérise un balisage SVG collé en un PNG téléchargeable, à la taille et à l'échelle de votre choix, entièrement dans le navigateur.
How it works
Le balisage est chargé comme une image et dessiné dans un canvas HTML aux dimensions en pixels choisies, puis exporté en PNG. Comme le SVG est indépendant de la résolution et le PNG non, le facteur d'échelle est toute la décision : rendre une icône de 200×200 à 3× produit une image matricielle de 600×600 qui reste nette sur un écran à haute densité, tandis qu'un rendu à 1× y paraîtra flou. La sortie est faite de pixels fixes à partir de cet instant : redimensionner le PNG ensuite le dégrade, alors que le SVG source aurait pu être rendu à n'importe quelle taille.
When to use it
- Produire un favicon, une icône d'application ou une image d'aperçu social matricielle à partir d'une source vectorielle
- Fournir une image à un outil, un client de messagerie ou une place de marché qui n'accepte pas le SVG
- Exporter un graphique ou un schéma issu d'une bibliothèque fondée sur SVG pour une présentation ou un document
- Générer des ressources en 1×, 2× et 3× à partir d'un seul fichier vectoriel
Watch out for
- Un SVG sans width, sans height ni viewBox n'a pas de taille intrinsèque, si bien que le rastériseur n'a rien sur quoi s'appuyer pour l'échelle. Ajoutez un viewBox à l'élément racine avant la conversion.
- Les ressources externes ne se chargent pas dans un SVG en cours de rastérisation. Les polices web référencées par une règle @font-face, et les images référencées par URL, ne sont généralement pas récupérées — convertissez d'abord le texte en tracés, sinon vos libellés s'afficheront dans une police de repli, voire pas du tout.
- La transparence survit, mais le fond n'apparaît pas. Un SVG sans rectangle de fond s'exporte en PNG à fond transparent, ce qui ressemble à une image manquante sur une surface sombre.
- Le PNG est généralement le fichier le plus lourd. Une icône vectorielle plate de 2 Ko en SVG peut faire 40 Ko en PNG 3×, ne convertissez donc que lorsque la destination ne peut vraiment pas prendre un vecteur.
Not the right tool for: Tout ce qui reste sur le web et peut accepter un vecteur. Un SVG s'adapte à tous les écrans, pèse moins lourd et se style en CSS — ne rastérisez que lorsque la destination vous y oblige.
Frequently Asked Questions
Comment convertir un SVG en PNG ?
Collez le balisage SVG ou déposez un fichier .svg, choisissez un facteur d'échelle ou saisissez une largeur et une hauteur exactes, puis cliquez sur Convertir en PNG et téléchargez le résultat. Toute la conversion s'effectue sur un canvas dans votre navigateur : le fichier n'est jamais téléversé.
Comment exporter un SVG en haute résolution ?
Le SVG étant vectoriel, la taille de sortie est votre choix : utilisez les boutons 4× ou 8×, ou saisissez une largeur telle que 2048 et laissez la hauteur suivre le rapport d'aspect. Contrairement à l'agrandissement d'un PNG, cela refait le rendu des vecteurs, si bien que les bords restent nets à toute taille.
Pourquoi mon SVG s'affiche-t-il avec les mauvaises polices ou des images manquantes ?
La rastérisation se déroule dans un contexte d'image isolé qui ne peut pas récupérer de ressources externes : les polices web et les images liées ne sont donc pas chargées. Convertissez le texte en tracés et intégrez les images sous forme de data URI avant la conversion, et le PNG correspondra exactement à l'original.
How to Use SVG to PNG Converter
- Paste or type your input in the input area above.
- The tool processes your input automatically or click Run.
- Copy or download the result using the action buttons.
- Use Ctrl+Enter to run quickly from the keyboard.