SVG vers PNG

Le SVG est indépendant de la résolution et parfait pour les logos, icônes et illustrations, mais beaucoup d'endroits n'acceptent que des images matricielles : réseaux sociaux, clients mail, fiches d'application, logiciels de présentation, traitements de texte et la plupart des formulaires d'envoi. Convertir un SVG en PNG donne une image bitmap de taille fixe qui s'affiche partout de la même façon. Ce convertisseur dessine les tracés vectoriels directement à la taille en pixels que vous choisissez : une petite icône peut devenir une image nette de 2000 pixels, sans le flou d'un petit PNG agrandi.

Convertir un SVG en PNG pas à pas

1. Déposez un ou plusieurs fichiers .svg.
2. La largeur et la hauteur sont préremplies avec les dimensions propres du SVG (attributs width et height ou viewBox). Modifiez-les selon vos besoins.
3. Choisissez un mode d'ajustement : Contain, Cover ou Stretch.
4. Réglez le fond : transparent ou une couleur hexadécimale comme #FFFFFF.
5. Cliquez sur Convert to PNG, vérifiez l'aperçu, puis téléchargez le PNG (ou un ZIP si vous avez converti plusieurs fichiers).

Choisir la taille de sortie

Le SVG étant vectoriel, la taille de sortie est un choix et non une contrainte. Quelques repères pratiques :

• Écrans Retina et haute densité : exportez à 2x ou 3x la taille d'affichage. Une icône affichée en 64 px reste nette sur un smartphone récent si elle est exportée en 128 ou 192 px.
• Images de partage et Open Graph : 1200 x 630 est la taille utilisée par la plupart des aperçus de liens.
• Source de favicon : exportez un PNG de 512 x 512, puis passez-le au générateur de favicon pour obtenir l'ICO et toutes les tailles d'icônes.

Le maximum est de 6000 pixels par côté et de 24 millions de pixels au total (par exemple 6000 x 4000). L'outil vérifie ces limites avant le rendu et vous prévient si une taille est hors plage.

Contain, Cover ou Stretch

Quand la largeur et la hauteur saisies n'ont pas le même rapport que le SVG, le mode d'ajustement décide du placement du dessin.

• Contain (par défaut) : le dessin entier est mis à l'échelle pour tenir dans le cadre, puis centré. L'espace restant prend la couleur de fond ou reste transparent. Rien n'est coupé ni déformé.
• Cover : le dessin est agrandi jusqu'à remplir tout le cadre et centré ; ce qui dépasse est rogné. Utile pour un motif ou un fond qui doit couvrir une bannière de taille fixe.
• Stretch : largeur et hauteur sont mises à l'échelle séparément pour remplir exactement le cadre. Les proportions changent : à réserver aux formes simples ou aux SVG prévus pour être étirés.

Si vous conservez le rapport d'origine, les trois modes donnent le même résultat.

Fond transparent ou uni

Par défaut, le PNG conserve la transparence du SVG : tout ce qui n'est pas dessiné reste entièrement transparent, ce qu'on attend d'un logo posé sur un site ou une diapositive colorée. Certaines destinations gèrent mal la transparence, par exemple quelques clients mail, ou une messagerie en thème sombre où un logo noir disparaît. Saisissez alors une couleur à six chiffres (#RRGGBB) pour remplir le fond avant que le dessin soit rendu par-dessus.

Convertir plusieurs SVG d'un coup

Sélectionnez tout un jeu d'icônes : chaque fichier est rendu avec la même largeur, la même hauteur, le même ajustement et le même fond. Chaque PNG garde le nom de son fichier source et l'ensemble se télécharge dans svg-to-png.zip. Si un fichier n'est pas un SVG valide, les autres sont tout de même convertis et l'échec est signalé par son nom. Comme une seule taille s'applique au lot, préférez Contain pour des icônes aux proportions différentes, afin qu'aucune ne soit rognée ni déformée.

Moteur de rendu et limites connues

La conversion utilise resvg, un moteur de rendu SVG écrit en Rust qui prend en charge le SVG vectoriel statique : tracés, formes, dégradés, motifs, découpes, masques, filtres, transformations et styles CSS. Quelques points diffèrent d'un navigateur web :

• Le texte doit être vectorisé : le moteur tourne dans la page sans accès aux polices installées sur votre ordinateur, donc les éléments <text> peuvent ne pas apparaître. Vectorisez le texte (conversion en tracés) dans votre logiciel de design avant d'exporter le SVG ; la plupart des fichiers de logo le sont déjà.
• Les images bitmap intégrées sont ignorées : seul le contenu vectoriel est rendu. Un PNG, JPEG, GIF ou WebP placé dans le SVG (lien externe ou data URI) n'apparaît pas dans le résultat. L'outil est donc fait pour les vrais fichiers vectoriels : logos, icônes, illustrations.
• Ni animation ni script : un SVG animé est rendu en une seule image fixe et le JavaScript éventuel est ignoré.
• Sortie PNG uniquement : pour du JPG ou du WebP, convertissez ensuite le PNG avec le convertisseur PNG vers WebP ou le convertisseur d'images général.

Par rapport à Inkscape, ImageMagick ou une capture d'écran

La boîte d'export d'Inkscape et sa ligne de commande (inkscape --export-type=png) donnent un résultat comparable, avec en plus l'accès à vos polices système. ImageMagick dépend du moteur SVG avec lequel il a été compilé, et la qualité varie. Une capture d'écran d'un SVG ouvert dans le navigateur vous lie à la résolution de votre écran. Cet outil se situe entre les deux : aucune installation, une taille exacte au pixel près et un traitement par lot, avec la réserve sur les polices indiquée plus haut.

Vos fichiers ne sont pas envoyés

Un SVG est un fichier texte qui contient souvent plus que des formes : noms de calques, commentaires, métadonnées de l'éditeur, parfois le nom du client ou du projet. La conversion s'exécute entièrement dans l'onglet du navigateur grâce à du Rust compilé en WebAssembly. Le SVG est analysé et rendu localement, aucune requête ne l'envoie à un serveur, ce qui simplifie la conformité RGPD pour des fichiers clients. Vous pouvez le vérifier dans l'onglet Réseau des outils de développement, ou couper la connexion après le chargement de la page et continuer à convertir.

Questions fréquentes

Comment convertir un SVG en PNG avec un fond transparent ?

Laissez le champ fond sur transparent, sa valeur par défaut. Les zones que le SVG ne peint pas restent transparentes dans le PNG.

Le PNG sera-t-il flou ?

Non, si vous choisissez une taille suffisante. Les tracés vectoriels sont rendus directement à la résolution cible : un export en 4000 px est aussi net qu'un export en 400 px.

Quelle est la taille maximale ?

6000 pixels par côté et 24 millions de pixels au total.

Pourquoi le texte manque-t-il dans mon PNG ?

Le moteur n'a pas accès à vos polices installées. Convertissez le texte en tracés (« vectoriser le texte » ou « objet en chemin » selon le logiciel) et exportez de nouveau le SVG.

Peut-on obtenir un JPG plutôt qu'un PNG ?

Pas directement. Convertissez en PNG ici, puis convertissez le PNG en JPG ou WebP avec le convertisseur d'images.

Mes fichiers SVG sont-ils envoyés sur un serveur ?

Non. Tout s'exécute localement dans votre navigateur. Rien n'est envoyé ni stocké.