Convertir SVG en PNG

Gratuit, privé et rapide : tout se passe dans votre navigateur, vos fichiers SVG ne sont jamais envoyés.

Déposez vos fichiers SVG ici ou cliquez pour choisir

SVG en PNG : pourquoi convertir ?

Un SVG est un ensemble d'instructions de dessin : il peut donc être rendu net à n'importe quelle taille, mais beaucoup d'endroits n'acceptent que des pixels : présentations, traitements de texte, réseaux sociaux, boutiques d'applications, signatures d'e-mail et la plupart des formulaires d'envoi. Convertir en PNG, c'est décider du nombre de pixels dont vous avez besoin, et c'est le seul réglage ici : la taille définie dans le SVG lui-même, deux ou quatre fois cette taille, ou une largeur précise. Le dessin est rendu à neuf à cette taille, pas agrandi à partir d'une petite image : les contours restent nets, et le fond transparent reste transparent. Les SVG qui n'ont qu'une viewBox, sans largeur ni hauteur, sont aussi pris en charge. Votre navigateur dessine le SVG et écrit le PNG : les fichiers ne quittent donc jamais votre appareil. Les polices et les images liées depuis d'autres fichiers ne peuvent pas être chargées dans ce mode, et la liste vous prévient quand un SVG en utilise.

Comment convertir un SVG en PNG

Déposez vos fichiers .svg dans le cadre, ou cliquez pour les choisir.
Choisissez la taille du PNG, 2× par défaut, ou saisissez une largeur en pixels. La liste affiche la taille obtenue pour chaque PNG.
Cliquez sur « Convertir en PNG » et téléchargez le PNG, ou un zip qui les contient tous.

Ce qui change lors de la conversion

Les pixels comptent, pas les DPI

Un PNG a une largeur et une hauteur en pixels ; une valeur DPI n'est qu'une indication enregistrée dans le fichier sur la taille d'impression. C'est le nombre de pixels qui détermine la netteté. Pour un logo imprimé sur 5 cm de large à 300 pixels par pouce, il faut environ 590 pixels de large : choisissez donc cette largeur plutôt que de chercher un réglage DPI. Pour les écrans, 2× la taille propre du SVG reste net sur les écrans haute résolution.

Les SVG sans largeur ni hauteur

Beaucoup d'icônes et de graphiques exportés n'ont qu'une viewBox, par exemple viewBox="0 0 24 24". Les navigateurs choisiraient alors d'eux-mêmes 300 × 150 pixels ; le convertisseur utilise plutôt la viewBox comme taille de base, soit 24 × 24 en 1× et 48 × 48 en 2×. Les tailles en pouces, en millimètres ou en points sont converties à 96 pixels par pouce, la norme CSS.

Les polices et les images liées ne se chargent pas

Quand un navigateur dessine un SVG en tant qu'image, il ne va rien chercher en dehors du fichier, pour des raisons de sécurité. Le texte composé dans une police web est remplacé par une police installée sur votre appareil, et les images liées par une adresse sont omises. Les polices et les images intégrées au SVG sous forme de données fonctionnent. Si le texte doit être exact, convertissez-le en contours dans votre logiciel de graphisme avant l'export.

Le fond reste transparent

Les zones que le SVG ne peint pas sont transparentes dans le PNG. C'est ce qu'il faut pour des logos sur des diapositives de couleur, mais aucun fond blanc n'est ajouté ; certaines visionneuses affichent la transparence en noir ou en damier.

Les très grandes tailles

Un canvas est limité en taille dans le navigateur ; cette page autorise jusqu'à 16 384 pixels par côté. Les téléphones et les tablettes peuvent échouer plus tôt : créez donc les PNG au format affiche sur un ordinateur.

À propos des formats

SVG

Le SVG (Scalable Vector Graphics) est le format XML du W3C pour les dessins vectoriels, recommandation du W3C depuis 2001. Au lieu de pixels, il enregistre des formes, des tracés, du texte et des dégradés sous forme d'instructions : un SVG reste donc net à n'importe quelle taille. Les logos, icônes, graphiques et illustrations exportés de Figma, d'Illustrator ou d'Inkscape sont souvent des SVG.

Un simple fichier texte, que l'on peut ouvrir et modifier dans n'importe quel éditeur de texte.
N'a pas de taille fixe en pixels : la largeur, la hauteur et la viewBox indiquent seulement à quelle taille il est dessiné par défaut.
Peut faire référence à des polices et à des images d'autres fichiers ou de sites web, qui doivent alors être disponibles elles aussi.
S'ouvre dans tous les navigateurs, mais beaucoup de programmes de bureautique, de réseaux sociaux et de formulaires d'envoi n'acceptent que le PNG ou le JPG.

PNG

Le PNG (Portable Network Graphics) est un format d'image sans perte datant de 1996, le format habituel des captures d'écran, logos, schémas et images avec transparence. Chaque pixel est enregistré exactement, si bien que le texte et les contours nets restent parfaitement lisibles.

Sans perte : un nouvel enregistrement ne dégrade jamais la qualité.
Prend en charge la transparence complète (un canal alpha).
Une photo enregistrée en PNG est généralement plusieurs fois plus lourde qu'en JPG.

Questions fréquentes

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

Non. Votre navigateur rend le SVG et crée le PNG sur votre appareil.

Quelle taille donner à mon PNG ?

Pour une page web ou une diapositive, 2× la taille à laquelle il sera affiché. Pour l'impression, multipliez la largeur imprimée en pouces par 300. Les icônes d'applications et les favicons ont généralement des tailles fixes indiquées par la plateforme.

Pourquoi le texte de mon PNG est-il différent ?

Le SVG utilise probablement une police web liée plutôt qu'intégrée, et le navigateur la remplace par une autre police. Convertissez le texte en tracés dans Illustrator, Inkscape ou Figma, ou intégrez la police, puis convertissez à nouveau.

Puis-je obtenir un fond blanc au lieu d'un fond transparent ?

Pas avec un réglage ici. Ajoutez un rectangle blanc comme premier élément du SVG, ou placez le PNG sur du blanc dans un logiciel de retouche.

Le PNG est-il encore un graphique vectoriel ?

Non. Le PNG est fait de pixels, à la taille que vous avez choisie. Gardez le SVG comme original et créez un nouveau PNG chaque fois que vous avez besoin d'une autre taille.