Convertir SVG en PNG
Vos fichiers sont convertis sur votre appareil. Ils ne sont jamais envoyés.
ou déposez-les ici, ou collez-les avec Ctrl+V / ⌘V
.svg
- Les fichiers restent sur votre appareil
- Par lots + ZIP
- Sans inscription, sans limite
Ce convertisseur fonctionne dans votre navigateur et a besoin de JavaScript. Activez-le pour convertir ; les étapes ci-dessous expliquent tout.
Réglages
Transformez logos et icônes vectoriels en PNG nets à l’échelle voulue, avec un fond transparent.
Un SVG est un dessin décrit en code, net à toutes les tailles, mais bien des endroits ne savent pas l’utiliser : photos de profil, diapositives, signatures d’e-mail, boutiques d’applications, places de marché et nombreux champs d’envoi de CMS réclament un PNG. Cette page dessine chaque SVG dans votre navigateur et l’enregistre en PNG avec son fond transparent. Choisissez 2× ou 4× pour les écrans haute densité et l’impression : le vectoriel est dessiné directement à cette taille, donc les contours restent nets au lieu d’être agrandis.
Comment convertir SVG en PNG
- Déposez vos fichiers .svg : logos, icônes, schémas ou illustrations.
- Choisissez l’échelle : 1× reprend la largeur et la hauteur propres au SVG, 2× les double pour un rendu net sur les écrans récents, 4× sert à l’impression ou aux grandes diapositives.
- Lancez la conversion et enregistrez les PNG, ou téléchargez-les tous dans un ZIP.
Ce qui change pour la qualité, le poids et les métadonnées
Le dessin se fait une seule fois, directement à la taille finale en pixels : aucun flou d’agrandissement. Une icône de 64 px en 4× devient un PNG propre de 256 px. Le PNG est sans perte, donc chaque contour lissé et chaque zone transparente sont enregistrés à l’identique.
Le résultat dépend de la taille que le SVG déclare ; s’il n’a qu’une viewBox, c’est elle qui sert. Le poids augmente avec l’échelle, environ quatre fois à chaque doublement. Le texte composé dans une police web ne s’affiche correctement que si la police est intégrée au SVG ou convertie en contours (tracés).
- Fichiers de test
- 30
- Entrée moyenne
- 1 KB
- Sortie moyenne
- 54 KB
- Variation de poids
- 50× plus lourd
- Temps par fichier
- 6 ms
SVG ou PNG
| Nom complet | SVG | PNG |
|---|---|---|
| Nom complet | Scalable Vector Graphics | Portable Network Graphics |
| Apparition | 2001 | 1996 |
| Défini par | W3C · SVG 1.1 / SVG 2 | W3C · ISO/IEC 15948 |
| Compression | Sans perte | Sans perte |
| Transparence | Oui | Oui |
| Animation | Oui | Oui |
| Taille maximale | — | 2,147,483,647 × 2,147,483,647 px |
| Chrome / Edge | Oui | Oui |
| Safari | Oui | Oui |
| Firefox | Oui | Oui |
| Windows | — | Oui |
| iPhone / iPad | — | Oui |
| Android | — | Oui |
| Usage courant | Logos, icônes, graphiques et illustrations sur les sites web. | Captures d’écran, logos, icônes, schémas et toute image qui a besoin d’un fond transparent. |
SVG SVG est un format du W3C qui décrit un dessin sous forme de formes, de tracés et de texte en XML, et non de pixels. Il reste net à toutes les tailles et pèse souvent très peu, mais il ne convient pas aux photos, et beaucoup d’applications et de formulaires n’acceptent que des images matricielles comme le PNG.
PNG PNG est un format d’image sans perte publié par le W3C en 1996, puis normalisé sous ISO/IEC 15948. Chaque pixel est conservé à l’identique et la transparence est complète, ce qui en fait le format idéal pour les captures d’écran, les logos et le texte. Une photo enregistrée en PNG pèse en général plusieurs fois plus lourd qu’en JPG.
Sources de ce tableau
- www.w3.org/TR/SVG11/
- www.w3.org/TR/SVG2/
- caniuse.com/svg
- www.w3.org/TR/png-3/
- www.iso.org/standard/29581.html
- caniuse.com/apng
- developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types
- developer.android.com/media/platform/supported-formats
Données de compatibilité des navigateurs : caniuse.com, CC BY 4.0.
Sans ce site
Tous les navigateurs affichent un SVG : ouvrez-le dans un onglet et faites une capture d’écran. Ça dépanne pour un fichier, mais à la résolution de l’écran et en général sur fond blanc. Les logiciels de dessin vectoriel gratuits comme Inkscape exportent en PNG à n’importe quelle taille depuis leur fenêtre d’export. Sur Mac, appuyer sur Espace sur un SVG dans le Finder l’affiche en Coup d’œil, pratique pour vérifier un fichier avant de le convertir. Pour des lots avec transparence, cette page va plus vite.
En cas de problème
- Le texte change de police. Les polices web chargées par le SVG depuis une adresse ne sont pas utilisables ici, et celles installées sur votre ordinateur ne le sont pas chez tout le monde. Convertissez le texte en contours dans votre logiciel.
- Images manquantes dans le SVG. Les images externes liées ne sont pas chargées, pour des raisons de sécurité. Intégrez-les au SVG (sous forme de données) avant la conversion.
- Le PNG est minuscule. Le SVG déclare une petite largeur et une petite hauteur. Choisissez 4×, ou modifiez les attributs width et height.
- Animations. Les animations CSS ou SMIL sont ignorées ; vous obtenez l’état initial du SVG.
Questions et réponses
Comment convertir un SVG en PNG avec un fond transparent ?
Déposez le SVG ici et convertissez : le fond reste transparent automatiquement, car le PNG gère la transparence et nous n’ajoutons aucun remplissage. Si le SVG contient lui-même un rectangle blanc en guise de fond, ce rectangle fait partie du dessin et apparaîtra ; supprimez-le d’abord dans un logiciel vectoriel.
Quelle taille fera mon PNG ?
En 1×, le PNG a la largeur et la hauteur inscrites dans le SVG (ou celles de sa viewBox à défaut). 2× les double, 4× les quadruple : un logo de 300 × 100 devient 1200 × 400 en 4×. Utilisez la taille maximale si le résultat doit tenir dans un cadre, par exemple 512 px pour une icône d’application ; ce réglage ne fait que réduire.
Pourquoi mon SVG a-t-il un autre aspect en PNG ?
En général à cause des polices ou des fichiers liés. Le SVG est dessiné dans un mode isolé qui ne peut pas aller chercher de polices ou d’images externes : le texte peut retomber sur une police par défaut et les images liées rester vides. Vectorisez le texte et intégrez les images dans votre logiciel, puis reconvertissez.
Est-ce sûr de convertir des fichiers SVG en ligne ?
Ici, le SVG ne quitte jamais votre appareil : il est dessiné par votre propre navigateur et rien n’est envoyé. Nous le traitons en plus comme une image au lieu de l’insérer dans la page, si bien que les scripts éventuellement contenus dans un SVG ne peuvent pas s’exécuter. Utile pour des logos ou dessins de clients pas encore publiés.