Le SVG est le format de prédilection pour les logos, les icônes et les illustrations car il s'agit d'un format vectoriel — il décrit les formes par des calculs mathématiques, ce qui lui permet de rester parfaitement net à n'importe quelle taille tout en conservant une taille de fichier minuscule. Mais tous les outils ne comprennent pas le SVG. Les plateformes sociales, les logiciels de présentation, de nombreux éditeurs de photos et bien des formulaires de téléversement attendent une image matricielle (raster) comme le PNG. Dans ce cas, vous convertissez le SVG en PNG.
Ce guide explique comment convertir un SVG en PNG sans obtenir un résultat flou, le seul réglage qui compte vraiment, et quand il vaut mieux conserver le SVG.
Vectoriel vs matriciel : pourquoi la conversion exige une taille
La différence essentielle entre le SVG et le PNG explique tout sur la conversion de l'un vers l'autre. Un SVG est indépendant de la résolution : il n'a pas de dimensions en pixels fixes et peut être dessiné à n'importe quelle taille à la demande. Un PNG est une grille fixe de pixels, il a donc une résolution précise figée.
Convertir un SVG en PNG s'appelle la rastérisation : le vectoriel est rendu sous forme de grille de pixels à une taille choisie. Ce choix de taille est la décision la plus importante de toute la conversion, car une fois le PNG créé, l'agrandir au-delà de sa résolution le rendra flou — précisément la limite que le SVG était conçu pour éviter.
Choisissez la bonne résolution
Pour garder votre PNG net, rendez-le à la plus grande taille à laquelle vous l'afficherez réellement, ou plus grande encore. Quelques règles :
- **Faites correspondre la taille d'affichage.** Si un logo doit apparaître à 300 pixels de large, exportez le PNG au moins à cette largeur.
- **Tenez compte des écrans haute résolution.** Les téléphones et ordinateurs portables modernes affichent davantage de pixels ; exporter à deux ou trois fois la taille d'affichage garde donc l'image nette sur ces appareils.
- **En cas de doute, voyez plus grand.** Un PNG plus grand que nécessaire peut être réduit proprement ; un PNG trop petit ne peut pas être agrandi sans devenir flou.
Comme le SVG n'a pas de résolution intrinsèque, un bon convertisseur vous laisse choisir les dimensions de sortie. Opter pour une taille généreuse est le moyen le plus simple de garantir un résultat net.
Comment convertir un SVG en PNG
Le moyen le plus rapide, sans rien à installer, est un convertisseur basé sur le navigateur. Utilisez le convertisseur SVG vers PNG gratuit : ajoutez votre SVG, lancez la conversion et téléchargez un PNG prêt à être utilisé partout où les images matricielles sont acceptées. Il rend le vectoriel en pixels nets et préserve la transparence, de sorte qu'un logo sur fond transparent reste transparent.
C'est idéal lorsque vous avez besoin d'un PNG rapide pour un profil sur un réseau social, un diaporama, un document, ou tout outil qui n'accepte pas directement un SVG.
La transparence est préservée
Un avantage de la conversion en PNG plutôt qu'en JPG est la transparence. Le PNG prend en charge une couche alpha complète, de sorte que les zones transparentes de votre SVG — l'espace autour d'un logo, par exemple — restent transparentes dans le PNG. Si vous le convertissiez plutôt en JPG, ces zones seraient remplies d'une couleur unie, car le JPG n'a pas de transparence. Pour les logos et les icônes, le PNG est presque toujours la bonne cible matricielle.
Quand conserver le SVG
Ne convertissez en PNG que lorsqu'un élément l'exige. Pour tout ce que vous contrôlez — un site web, une application ou un fichier de conception —, conservez le SVG. Il restera net sur tous les écrans et à toutes les tailles, il est généralement plus petit qu'un PNG haute résolution pour des graphismes simples, et il peut être restylé par du code. Rastériser en PNG fige l'image à une seule résolution et fait perdre ces avantages.
Une bonne habitude : conservez le SVG comme copie maîtresse et exportez des PNG à partir de lui chaque fois qu'un outil précis en a besoin. Ainsi, vous disposez toujours de l'original redimensionnable comme point de départ. Pour en savoir plus sur le format, voir Qu'est-ce qu'un fichier SVG.
SVG, PNG ou autre chose ?
Si vous hésitez entre plusieurs formats pour un projet, voici la version courte : utilisez le SVG pour les logos, les icônes et les illustrations plates ; utilisez le PNG lorsque vous avez besoin d'une version matricielle avec transparence ou bords nets ; et utilisez le JPG, le WebP ou l'AVIF pour les photographies. Pour le cadre de décision complet couvrant tous les formats, voir Comment choisir le bon format d'image pour le web, et pour la transparence matricielle en général, JPG vs PNG.