Convertir SVG en PNG — toute taille, transparent
Convertisseur SVG en PNG, JPG ou WebP dans le navigateur, par échelle ou largeur
Traitement dans le navigateur · aucun envoi de fichier
Déposez un fichier SVG ici
Transformez un fichier SVG (jusqu’à 10 Mo) en PNG, JPG ou WebP. Le fichier ne quitte jamais votre navigateur.
Le PNG et le WebP conservent la transparence. Enregistrez les icônes en 2× à 4× pour qu’elles restent nettes sur les écrans haute résolution.
Qu’est-ce que c’est ?
Un convertisseur qui transforme les graphiques vectoriels SVG en images ordinaires comme le PNG. Le SVG reste net à toutes les tailles, mais les messageries, la bureautique, les réseaux sociaux et de nombreux formulaires d’envoi ne l’acceptent pas. Choisissez une échelle ou une largeur, enregistrez un PNG et utilisez-le partout. Vous pouvez déposer un fichier ou coller du code SVG, et la transparence est conservée.
Mode d’emploi
- Choisissez Fichier et déposez un SVG, ou choisissez Coller du code et collez un balisage qui commence par
<svg>. - Sous Format, choisissez PNG, JPG ou WebP.
- Sous Taille, choisissez de 1× à 4× ou saisissez une largeur en pixels.
- Gardez le fond transparent ou remplissez-le d’une couleur. Le JPG est toujours rempli.
- Vérifiez l’aperçu et cliquez sur Enregistrer en PNG.
Fonctionnement
- Taille d’origine : width et height de l’élément racine
<svg>(px, pt, mm, cm et in convertis en pixels CSS) ; si un seul est présent, l’autre découle des proportions de la viewBox. Les pourcentages ne sont pas utilisés comme taille. - Mise à l’échelle : width et height sont fixés à la taille de sortie, et une viewBox est ajoutée d’après la taille d’origine si elle manque, pour que tout le dessin suive.
- Dessin : le navigateur dessine le SVG comme une image, puis le résultat est copié sur un canevas. Dans ce mode, aucun fichier externe n’est chargé et aucun script n’est exécuté (règles de sécurité du SVG en tant qu’image).
- Avertissements : les références externes, le texte (polices), foreignObject, les scripts et les animations sont signalés d’emblée. Les animations sont enregistrées à leur première image.
- Limites : 16 384 px par côté, et 16 777 216 pixels sur iPhone et iPad ; au-delà, la sortie est réduite.
Exemples
| SVG | Réglage | Résultat |
|---|---|---|
| icon.svg (viewBox 0 0 24 24) | PNG 4×, transparent | icon.png 96×96, transparent |
| logo.svg (width 200, height 80) | largeur 1000 px | logo.png 1000×400 |
| chart.svg (sans taille) | JPG 2×, blanc | chart.jpg 600×300 |
Pour un jeu complet d’icônes de site, utilisez le générateur de favicon ; pour passer le PNG dans un autre format, le convertisseur d’images.
Questions fréquentes
Quelle échelle choisir ?
Le 2× convient à la plupart des icônes et logos Web ; pour l’impression ou les écrans haute résolution, prenez 3× ou 4×. Pour une taille exacte, choisissez « Largeur personnalisée », par exemple 1024 px, et la hauteur suit les proportions.
La police a changé après la conversion.
Quand un SVG est dessiné comme image, le navigateur ne va pas chercher les fichiers de police extérieurs : le texte utilise les polices installées sur votre appareil. Vectorisez d’abord le texte (conversion en tracés) dans Illustrator, Figma ou Inkscape pour préserver le design.
Une partie de l’image manque.
Les fichiers auxquels le SVG fait référence ailleurs (images ou CSS à une autre adresse) ne sont pas chargés pour des raisons de sécurité : ces parties restent vides. L’outil les liste ; intégrez-les dans le SVG sous forme d’URI data: et réessayez.
Et si le SVG n’a pas de taille ?
Sans width ni height, c’est la taille de la viewBox qui est utilisée, et sans les deux, la valeur par défaut du navigateur, 300×150 px. La page indique la base retenue avant d’appliquer l’échelle.
Mon SVG est-il envoyé à un serveur ?
Non. La lecture et le dessin se font tous deux dans votre navigateur.
