Convertissez un SVG en PNG à n'importe quelle taille, dans votre navigateur
Déposez des fichiers SVG ou collez du code SVG, choisissez une échelle ou une largeur en pixels, et obtenez des PNG nets qui conservent leur transparence. Chaque SVG est dessiné dans votre propre navigateur : rien n'est téléversé.
- Sans téléversement — tout se passe dans votre navigateur
- Gratuit, sans compte
- Lit les fichiers SVG ou le code collé
- Jusqu'à 20 fichiers, 20 Mo chacun
Taille
1× correspond à la taille que le SVG indique lui-même. Chaque fichier est converti avec les réglages en vigueur au moment où il démarre : une modification ici s'applique donc aussi aux fichiers encore en attente dans la liste.
Échelle
Tout nombre supérieur à 0, par exemple 1,5 ou 0,5.
Ou fixez un côté en pixels
Indiquez une largeur ou une hauteur ; l'autre côté suit les proportions de chaque SVG.
Sortie maximale : 16384 px de côté, et pas plus de 8192 × 8192 px de surface.
Déposez des fichiers SVG ici ou cliquez pour parcourir
Formats acceptés : SVG.
Jusqu'à 20 fichiers, 20 Mo par fichier
Comment convertir un SVG en PNG
Choisissez la taille
Choisissez une échelle comme 2×, ou fixez une largeur ou une hauteur en pixels. 1× correspond à la taille que le SVG indique lui-même, et le tableau ci-dessous liste les largeurs courantes pour les icônes et les images.
Ajoutez des fichiers ou du code SVG
Déposez jusqu'à 20 fichiers SVG, ou ouvrez l'onglet « Coller du code » et collez le balisage. Chacun est dessiné à la taille choisie, l'un après l'autre, et vous pouvez continuer à en ajouter pendant la conversion.
Téléchargez les PNG
Enregistrez chaque PNG séparément, nommé d'après sa taille en pixels, ou tous ensemble dans un ZIP. Ce qui était transparent dans le SVG reste transparent dans le PNG.
Tailles de SVG en PNG pour icônes et images
Les favicons et les icônes d'application viennent d'abord : de petites tailles où la transparence et les contours nets d'un PNG comptent le plus. Suivent des largeurs plus grandes pour le web et l'impression. Ce sont des usages courants, pas la règle d'une plateforme : vérifiez la taille demandée par le site où vous téléversez. Choisissez une ligne et le convertisseur utilise sa largeur.
| Largeur | Usage courant | Appliquer cette largeur au convertisseur |
|---|---|---|
| 16 px | La taille classique d'un favicon dans un onglet de navigateur. | |
| 32 px | Un favicon pour les écrans haute densité et les barres de favoris. | |
| 48 px | Une taille de favicon plus grande, souvent fournie pour les raccourcis du bureau. | |
| 180 px | La taille habituelle d'une icône d'écran d'accueil sur iPhone et iPad (apple-touch-icon). | |
| 192 px | Une icône courante du manifeste d'application web, affichée sur l'écran d'accueil Android. | |
| 512 px | La grande icône du manifeste d'application web, utilisée aussi pour l'installation et l'écran de démarrage. | |
| 1024 px | Un logo ou une illustration nette pour des pages web, des documents et des présentations. | |
| 2048 px | Des visuels pour écrans haute densité et de petits tirages. | |
| 4096 px | Grands tirages et bannières. À cette largeur, seul un SVG plus de quatre fois plus haut que large dépasse la limite de taille. |
16 px
La taille classique d'un favicon dans un onglet de navigateur.
32 px
Un favicon pour les écrans haute densité et les barres de favoris.
48 px
Une taille de favicon plus grande, souvent fournie pour les raccourcis du bureau.
180 px
La taille habituelle d'une icône d'écran d'accueil sur iPhone et iPad (apple-touch-icon).
192 px
Une icône courante du manifeste d'application web, affichée sur l'écran d'accueil Android.
512 px
La grande icône du manifeste d'application web, utilisée aussi pour l'installation et l'écran de démarrage.
1024 px
Un logo ou une illustration nette pour des pages web, des documents et des présentations.
2048 px
Des visuels pour écrans haute densité et de petits tirages.
4096 px
Grands tirages et bannières. À cette largeur, seul un SVG plus de quatre fois plus haut que large dépasse la limite de taille.
Les hauteurs ne sont pas indiquées, car chaque SVG garde ses propres proportions : une icône carrée reste carrée, et un logo deux fois plus large que haut sort avec une hauteur égale à la moitié de la largeur.
Ce qui détermine le rendu du PNG
Un SVG n'a pas de pixels tant que rien ne le dessine. Trois choses déterminent l'aspect du PNG : la taille à laquelle il est dessiné, la façon dont vous fixez cette taille et les polices utilisées pour son texte.
Formes SVGPixels PNG Des formes en entrée, des pixels en sortie
Un SVG décrit des formes : il est donc net à n'importe quelle taille. Un PNG est une grille fixe de pixels : agrandissez-le ensuite et ses contours deviennent flous ou crénelés. La taille de conversion est la plus nette que le PNG aura jamais.
Convertissez à la plus grande taille à laquelle vous l'afficherez, plutôt que d'agrandir le PNG après coup.
ÉchelleLargeur Une échelle ou une largeur exacte
Une échelle multiplie la taille indiquée par le SVG : une icône de 24 × 24 à 4× devient 96 × 96. Une largeur ou une hauteur fixe ce côté en pixels, et l'autre côté suit les proportions du SVG, quelle que soit la taille qu'il indique.
Utilisez une échelle pour un jeu d'icônes dessinées sur la même grille ; utilisez une largeur quand le PNG doit remplir un emplacement connu.
Police disponiblePolice manquante Texte et polices
Le texte d'un SVG n'est qu'une suite de lettres tant qu'une police ne le dessine pas, et le PNG garde, pixel pour pixel, la police qui l'a dessiné. Une police installée sur cet appareil ou intégrée au SVG est utilisée ; une police vers laquelle le SVG renvoie sur le web n'est pas chargée, et une autre la remplace.
Pour un logo ou une icône avec du texte, vectorisez le texte dans votre logiciel de dessin avant d'exporter le SVG.
Réussir le texte et la taille
La plupart des surprises viennent du texte. Le SVG est dessiné comme un navigateur affiche une image SVG : une police installée sur cet appareil est utilisée, tout comme une police intégrée au SVG sous forme de données. Une police vers laquelle le SVG renvoie seulement, comme une feuille de style de police web, n'est pas récupérée : le texte passe alors à une autre police et peut changer de largeur ou de retour à la ligne.
Un texte vectorisé n'a jamais ce problème. Avant d'exporter depuis votre logiciel de dessin, convertissez le texte en contours (tracés) ou intégrez la police. Les images vers lesquelles le SVG renvoie sont ignorées pour la même raison, et la ligne du fichier dans la liste le signale le cas échéant.
Le PNG conserve la transparence, ce dont a besoin un logo ou une icône posé sur des fonds différents. Si le site où vous téléversez demande un JPG, ou si les zones transparentes doivent devenir une couleur unie, convertissez plutôt le SVG en JPG et choisissez-y la couleur de fond.
Une illustration détaillée en grande taille peut donner un PNG de plusieurs mégaoctets, car le PNG conserve chaque pixel à l'identique. S'il doit passer sous une limite de téléversement, compressez-le à une taille de fichier cible après la conversion.
Limites à connaître
- Lit les fichiers SVG et le code SVG collé : jusqu'à 20 par lot, 20 Mo par fichier ou par collage.
- Le PNG peut mesurer jusqu'à 16384 px de côté et 8192 × 8192 px de surface. Une taille supérieure est refusée avant tout dessin.
- Un SVG animé devient un instant figé, choisi par le navigateur. L'animation n'est pas conservée.
- Un SVG contenant du HTML (un élément foreignObject) ne peut pas être enregistré en PNG dans Chrome, Edge ou Safari. Firefox, lui, le peut.
FAQ SVG en PNG
Mes fichiers SVG sont-ils envoyés sur un serveur ?
Non. Chaque SVG est lu, dessiné et enregistré en PNG dans votre navigateur, et aucun fichier ni aucun code n'est téléversé, stocké ou envoyé où que ce soit. La page charge bien son propre code au fil de l'utilisation, comme la bibliothèque ZIP lors de votre premier téléchargement d'un ZIP, mais vos SVG n'en font jamais partie. Les images et les polices vers lesquelles un SVG renvoie ne sont pas récupérées non plus.
Pourquoi le texte de mon PNG est-il différent ?
Le texte est dessiné avec une police au moment de la conversion. Une police installée sur cet appareil ou intégrée au SVG est utilisée, mais une police vers laquelle le SVG renvoie sur le web n'est pas chargée : une police de remplacement prend sa place. Pour un lettrage exact, vectorisez le texte avant d'exporter le SVG, ou intégrez-y la police.
Comment obtenir un PNG haute résolution à partir d'un SVG ?
Choisissez une échelle plus grande, comme 4×, ou saisissez la largeur voulue en pixels. Le SVG est redessiné à cette taille : le PNG reste donc net à toute taille jusqu'à 16384 px de côté et 8192 × 8192 px de surface. Agrandir un petit PNG après coup ne peut pas rendre ce détail.
Le PNG garde-t-il un fond transparent ?
Oui. Tout ce que le SVG laisse transparent reste transparent dans le PNG, et rien n'est peint derrière. S'il vous faut plutôt un fond uni, utilisez le convertisseur SVG en JPG, où vous choisissez la couleur.
Pourquoi une erreur concernant du contenu HTML s'affiche-t-elle ?
Le SVG contient un élément foreignObject, qui place du HTML à l'intérieur du dessin. Chrome, Edge et Safari n'autorisent pas une page web à enregistrer un dessin qui en contient : la conversion y est donc bloquée, alors que Firefox l'autorise. Dans les autres navigateurs, remplacez la partie HTML par du texte ou des formes SVG et ajoutez à nouveau le fichier.
Puis-je coller du code SVG sans attribut xmlns ?
Oui. Le code copié depuis le HTML d'une page web n'a souvent pas l'attribut xmlns dont un fichier SVG autonome a besoin. Quand le code collé ne se lit pas comme un SVG autonome, le convertisseur le lit comme du HTML, prend le premier SVG qu'il y trouve et ajoute ce qui manque, et la ligne le signale.
Puis-je convertir plusieurs SVG en PNG à la fois ?
Oui. Ajoutez jusqu'à 20 fichiers par lot, 20 Mo chacun : ils sont convertis l'un après l'autre avec les mêmes réglages. Le code collé rejoint la même liste. Téléchargez chaque PNG séparément ou tous ensemble dans un ZIP.
Étapes suivantes
- SVG en JPGBesoin d'un JPG, ou d'une couleur unie derrière le visuel ? Convertissez le même SVG en JPG.
- Convertir le format d'imageTransformez les PNG en WebP ou AVIF pour une page web plus légère.
- Compresser une imagePNG trop lourd pour une limite de téléversement ? Compressez-le à une taille de fichier cible.
- Redimensionner une imageBesoin du PNG sur un canevas exact, comme un carré avec marges ? Redimensionnez-le.
- Agrandir une imageVous n'avez qu'un petit PNG et pas le SVG ? Agrandissez-le sans que les contours deviennent flous.
Convertissez votre SVG en PNG maintenant
Choisissez une taille, ajoutez vos SVG ou collez le code, et téléchargez des PNG nets. Rien ne quitte cet appareil.