Pour convertir un SVG en PNG, déposez vos fichiers .svg dans la zone ci-dessus, choisissez une échelle de 1x, 2x (par défaut) ou 4x de la largeur et de la hauteur propres du SVG, puis cliquez sur « Convertir en PNG ». Votre navigateur fait le rendu de chaque SVG en PNG en conservant le fond transparent. Téléchargez les PNG séparément ou dans un ZIP.
Comment utiliser l'outil SVG en PNG
- 1
Ajoutez vos fichiers SVG
Déposez vos fichiers .svg dans la zone prévue ou cliquez pour les sélectionner. Jusqu'à 50 fichiers par conversion.
- 2
Choisissez une échelle
Choisissez 1x, 2x ou 4x de la largeur et de la hauteur intrinsèques du SVG. 2x est sélectionné par défaut. Les SVG sans largeur ni hauteur définies sont rendus sur 1024 px de large en 1x.
- 3
Convertissez
Cliquez sur « Convertir en PNG ». Chaque SVG est rastérisé en PNG dans votre navigateur, et les zones transparentes restent transparentes.
- 4
Téléchargez
Enregistrez chaque PNG séparément ou téléchargez-les tous dans un ZIP.
Vectoriel ou matriciel : pourquoi convertir un SVG en PNG ?
Le SVG est un format vectoriel : au lieu de pixels, il décrit des formes, des tracés et du texte en XML, ce qui permet de l'afficher net à n'importe quelle taille. Il est donc idéal pour les logos, les icônes et les illustrations sur le web. Le PNG est un format matriciel (bitmap), une grille de pixels fixe, et c'est ce qu'attendent la plupart des autres usages.
On a généralement besoin d'exporter un SVG en PNG quand la destination n'accepte pas le SVG : beaucoup de réseaux sociaux, clients de messagerie, logiciels de présentation et de traitement de texte, fiches d'app stores, places de marché et certains CMS. Certaines plateformes bloquent aussi l'envoi de SVG pour des raisons de sécurité, car un fichier SVG peut contenir des scripts. Un PNG se partage sans risque et s'affiche partout de la même façon.
Bien choisir l'échelle
Une fois le SVG converti en PNG, sa taille est figée : choisissez donc l'échelle en pensant à l'usage final. 1x correspond à la largeur et à la hauteur définies dans le SVG. 2x double les deux, ce qui garde l'image nette sur les écrans haute densité comme ceux de la plupart des téléphones et ordinateurs portables récents ; c'est pour cela que c'est l'option par défaut. Pour un SVG en PNG haute résolution, 4x est utile pour les grands tirages, les diapositives ou si vous comptez recadrer une partie de l'illustration.
Si votre SVG n'a pas d'attributs width ou height, ce qui est fréquent pour les fichiers exportés avec seulement une viewBox, le convertisseur utilise une largeur par défaut de 1024 px en 1x : 2x donne alors 2048 px et 4x donne 4096 px. Plus l'échelle est grande, plus les fichiers sont lourds : ne visez pas plus grand que nécessaire.
Le fond reste transparent, exactement comme dans le SVG. Si vous avez besoin d'un fond uni, convertissez ensuite le PNG en JPG et choisissez-y une couleur de fond.
Un rendu en local, et ce que cela implique pour les ressources externes
Les éléments de marque et les illustrations non publiées sont exactement le genre de fichiers qu'on préfère ne pas envoyer à un serveur inconnu. Krawly fait le rendu des SVG avec le moteur de votre propre navigateur, dans l'onglet, et ne les envoie jamais aux serveurs de Krawly. Rien n'est conservé une fois la page fermée.
Ce rendu dans un contexte sécurisé a une conséquence : les ressources que le SVG va chercher ailleurs, comme des polices web distantes ou des images liées, peuvent ne pas se charger. Si le texte s'affiche dans la mauvaise police ou si une image intégrée manque, intégrez ces ressources directement dans le SVG, ou vectorisez le texte dans votre logiciel de design, avant de convertir.
Conseils pour de meilleurs résultats
- Utilisez 2x pour l'affichage à l'écran et 4x pour l'impression ou les grands écrans.
- Vectorisez le texte dans votre logiciel de design si le PNG affiche la mauvaise police.
- Intégrez les images liées directement dans le SVG pour qu'elles apparaissent dans le PNG.
- Gardez le SVG comme fichier maître : vous pourrez toujours exporter un nouveau PNG à une autre échelle.
- Besoin d'une taille exacte différente ensuite ? Passez le PNG par l'outil de redimensionnement.
Questions fréquentes
Quelle taille aura mon PNG ?
Les dimensions du PNG correspondent à la largeur et à la hauteur propres du SVG multipliées par l'échelle choisie : 1x, 2x ou 4x. Si le SVG n'a ni largeur ni hauteur définies, une largeur par défaut de 1024 px est utilisée en 1x, puis multipliée selon l'échelle.
La conversion SVG en PNG garde-t-elle le fond transparent ?
Oui. Le PNG gère la transparence : toute zone transparente dans le SVG reste transparente dans le PNG. Aucune couleur de fond n'est ajoutée, ce qui permet de poser icônes et logos sur n'importe quel fond sans cadre autour.
Pourquoi la police est-elle incorrecte dans mon PNG ?
Les polices distantes et autres ressources externes référencées par le SVG peuvent ne pas se charger pendant la conversion, pour des raisons de sécurité. Vectorisez le texte ou intégrez la police dans le SVG, puis relancez la conversion.
Le PNG sera-t-il aussi net que le SVG ?
À la taille où il a été rendu, oui. Mais un PNG est une grille de pixels fixe : il deviendra flou s'il est agrandi par la suite. Choisissez une échelle suffisante pour l'usage prévu de l'image.
Mes fichiers SVG sont-ils envoyés en ligne ?
Non. Le rendu se fait entièrement dans votre navigateur : les éléments de marque et les illustrations non publiées restent sur votre ordinateur. Vos SVG ne sont jamais envoyés aux serveurs de Krawly, et rien n'est conservé après la fermeture de l'onglet.
Peut-on convertir beaucoup d'icônes SVG à la fois ?
Oui. Vous pouvez convertir jusqu'à 50 fichiers SVG en une seule fois avec la même échelle, puis télécharger tous les PNG ensemble dans une archive ZIP. Chaque PNG garde le nom de son SVG, ce qui facilite la gestion des jeux d'icônes.
Confidentiel par conception. Chaque convertisseur Krawly tourne dans votre navigateur grâce à JavaScript et WebAssembly. Vos fichiers ne sont ni envoyés, ni stockés, ni vus par personne : quand vous fermez l'onglet, ils disparaissent.