Transformez vos vecteurs SVG redimensionnables en images PNG prêtes à l'emploi
Un fichier SVG est un ensemble d'instructions, pas une image finie. Ouvrez-en un dans un éditeur de texte et vous y trouverez du XML décrivant des tracés, des formes, des remplissages et des courbes — une recette que le navigateur suit pour redessiner l'illustration à neuf à la taille que vous demandez. Un PNG, c'est l'inverse : une grille de pixels colorés figée à une largeur et une hauteur fixes. Convertir l'un en l'autre s'appelle la rastérisation, et cet outil la réalise entièrement dans votre navigateur. Vous choisissez une taille de sortie, le SVG est peint sur un canvas HTML, et un PNG revient — aucun fichier ne quitte jamais votre appareil.
Vecteur contre raster, en termes simples
La différence fondamentale tient à la gestion de la résolution. Comme le SVG stocke des mathématiques plutôt que des pixels, il est indépendant de la résolution : agrandissez un logo d'une favicon à un panneau d'affichage et chaque contour est recalculé pour rester mathématiquement net. Un PNG n'a pas cette liberté. Ses pixels sont figés : l'agrandir au-delà de sa taille native oblige donc à étirer les points existants, et vous commencez à voir le flou et l'escalier qui trahissent les images raster.
Ce compromis joue dans les deux sens. Les vecteurs sont imbattables pour les logos, les icônes et les illustrations plates faites de formes nettes, et les fichiers sont généralement minuscules. Les formats raster comme le PNG gèrent plus naturellement les dégradés, les ombres douces et les détails photographiques, et — point crucial — ils sont compris par pratiquement tout. Quand vous rastérisez, vous échangez la scalabilité infinie du SVG contre la compatibilité universelle du PNG à une taille choisie.
Pourquoi rastériser un SVG ?
Si le SVG s'agrandit si bien, pourquoi le convertir ? La compatibilité est la réponse habituelle. Bien des endroits n'acceptent tout simplement pas le SVG : de nombreux clients de messagerie le retirent ou refusent de l'afficher, les éditeurs de documents et les logiciels de présentation veulent souvent une image plate, les places de marché et les régies publicitaires exigent du PNG ou du JPG, et la plupart des plateformes sociales ignorent entièrement les envois vectoriels. Certains systèmes de contenu bloquent aussi purement et simplement le SVG pour des raisons de sécurité, car le format peut embarquer des scripts.
La deuxième raison est que vous voulez parfois un fichier à taille fixe. Les icônes d'application, les vignettes, les images d'aperçu Open Graph et les supports imprimés attendent tous des dimensions en pixels exactes. Un PNG verrouille l'illustration à cette cible pour qu'elle s'affiche de façon identique partout, sans surprise venant d'un afficheur qui interpréterait le vecteur autrement. Convertir votre SVG source aux tailles précises qu'une plateforme exige est souvent le chemin le plus net vers un résultat cohérent.
Choisir la bonne résolution d'export
Parce qu'un PNG ne peut pas s'agrandir avec élégance, la taille d'export compte plus qu'avec n'importe quel vecteur. Exportez trop petit et l'image paraît molle sur les écrans modernes ; exportez inutilement grand et vous gaspillez de la bande passante. Une règle simple : décidez de la plus grande taille à laquelle l'image sera jamais affichée, puis exportez au moins celle-ci, et idéalement davantage pour les écrans à haute densité.
Les écrans standard se contentent du 1x — la taille nominale de l'illustration. Les écrans haute densité et Retina entassent environ deux fois plus de pixels dans le même espace : un export 2x garde donc icônes et graphismes nets plutôt que flous. Pour l'impression, les affiches ou les très grands écrans, le 3x ou le 4x vous donne de la marge. Comme la source est un vecteur, exporter plus grand ne coûte rien en qualité — les courbes sont simplement recalculées au nombre de pixels supérieur avant d'être aplaties. Dans le doute, exportez une taille généreuse ; vous pourrez toujours réduire un grand PNG, mais vous ne récupérerez jamais de détail en agrandissant un petit.
La transparence est conservée au passage
Le PNG prend en charge un canal alpha complet, ce qui signifie que la transparence survit à la conversion. Si votre SVG n'a pas de remplissage de fond, le PNG obtenu garde ces zones transparentes : un logo ou une icône se pose donc proprement sur n'importe quelle couleur sans vilaine boîte blanche autour. Si vous voulez plutôt un fond uni, donnez-en un au SVG avant la conversion. Dans tous les cas, ce que vous voyez dans le vecteur est ce que le PNG préservera, ce qui explique précisément pourquoi le PNG — plutôt que le JPG — est la cible naturelle pour les icônes, les badges et les calques.
Tout reste sur votre appareil
Ce convertisseur s'exécute en code local dans votre navigateur via l'API canvas. Votre SVG est lu, dessiné et exporté sans jamais être envoyé à un serveur : pas d'envoi, pas de file d'attente et aucune copie de votre illustration dans le stockage d'un tiers. C'est plus rapide pour vous et plus sûr pour tout ce que vous préféreriez ne pas confier à un tiers, d'une identité de marque non publiée aux schémas internes. Quand vous avez terminé ici, explorez le reste de nos outils d'image — si vous préparez un fichier Windows ou une favicon, le convertisseur PNG vers ICO est une étape suivante naturelle.
Questions fréquentes
Le PNG sera-t-il aussi net que le SVG ?
À la taille à laquelle vous l'exportez, oui. Comme le vecteur est rendu à neuf à la résolution choisie, les contours restent nets. La différence, c'est que le PNG ne peut pas être agrandi ensuite sans s'adoucir, alors que le SVG d'origine le pouvait toujours.
La conversion préserve-t-elle la transparence ?
Oui. Le PNG possède un canal alpha, donc toute zone transparente de votre SVG reste transparente dans le PNG. Ajoutez d'abord un fond au SVG si vous voulez plutôt un remplissage uni.
Quelle résolution dois-je choisir ?
Égalez ou dépassez la plus grande taille à laquelle l'image sera montrée. Utilisez le 1x pour les écrans standard, le 2x pour les écrans Retina et haute densité, et le 3x ou 4x pour l'impression ou les graphismes surdimensionnés. Exporter plus grand ne coûte rien en qualité puisque la source est un vecteur.
Pourquoi ne pas simplement utiliser le SVG partout ?
De nombreux clients de messagerie, éditeurs de documents, places de marché et plateformes sociales n'acceptent pas ou n'affichent pas le SVG de façon fiable. Un PNG fonctionne presque partout et verrouille l'illustration à une taille fixe et prévisible.
Mes fichiers sont-ils envoyés quelque part ?
Non. Tout s'exécute en local dans votre navigateur. Votre SVG n'est jamais envoyé à un serveur : rien n'est téléversé, stocké ni suivi.
Puis-je reconvertir le PNG en SVG ?
Pas fidèlement. La rastérisation écarte les mathématiques d'origine, donc revenir en arrière revient à retracer les pixels en nouveaux tracés vectoriels, ce qui correspond rarement à la source. Conservez votre SVG d'origine comme fichier maître.