Convertisseur SVG en PNG

Il n’y a pas de curseur de qualité, car le PNG est sans perte : il ne jette rien, quel que soit le réglage. La seule décision qui influe sur l’aspect du résultat est la largeur de sortie.

Des tailles raisonnables selon l’usage :

• Favicons et petites icônes : de 32 à 256 px. Les très petites tailles demandent souvent une version dessinée exprès plutôt qu’une version réduite, car les détails fins deviennent de la bouillie sous environ 32 px.
• Images web et logos : de 512 à 1024 px. Environ deux fois la taille d’affichage, pour rester net sur les écrans haute densité.
• Présentations et documents : de 1024 à 2048 px.
• Impression : aussi grand que possible. La cible habituelle est de 300 pixels par pouce imprimé (2,54 cm) : un visuel de 15 cm de large demande donc environ 1800 px.

Vérifiez les polices. Si votre SVG fait référence à une police par son nom au lieu de convertir le texte en tracés, le moteur de rendu doit la remplacer par ce dont il dispose, et le résultat peut différer de ce que vous voyiez dans votre logiciel. Si le texte compte, convertissez-le en tracés avant d’exporter le SVG : la plupart des logiciels de dessin ont une commande « Vectoriser le texte » ou « Objet en chemin ».

Si le PNG obtenu est plus lourd que souhaité, la compression PNG fonctionne particulièrement bien sur les images issues de vecteurs, qui contiennent en général peu de couleurs distinctes. Convertir en WebP est généralement encore mieux pour le web.

Quand il vous faut un PNG plutôt que le SVG

• Une plateforme refuse le SVG. Beaucoup de réseaux sociaux, de places de marché, de clients de messagerie et de vieux CMS n’acceptent que le PNG, souvent pour les raisons de sécurité évoquées plus bas.
• Icônes d’application, favicons et fiches de boutiques d’applications, qui imposent presque toujours des dimensions exactes en pixels.
• L’e-mail. La prise en charge du SVG par les clients de messagerie est faible et inégale ; le PNG passe partout.
• L’insertion dans un document ou une présentation, où certains logiciels affichent le SVG de façon imprévisible, voire pas du tout.
• Les chaînes d’impression qui attendent un fichier matriciel à une résolution connue.
• Le SVG utilise des polices ou des effets qui s’affichent différemment ailleurs. La rastérisation fige l’apparence, pour que tout le monde voie la même chose.

Quand garder le SVG

Pour tout ce qui se trouve sur un site que vous maîtrisez, le SVG est généralement meilleur : il est souvent plus léger que le PNG et reste net à toutes les densités d’écran sans que vous ayez à générer plusieurs tailles. Tous les navigateurs actuels affichent le SVG.

Convertissez quand il vous faut une image matricielle de taille fixe pour un endroit qui n’accepte pas le vecteur.

Comment nous traitons le SVG en toute sécurité

Le SVG est à part parmi les formats d’image : c’est un document structuré, pas un bloc de pixels, et un fichier malveillant peut tenter des choses dont un JPG serait incapable : lire des fichiers sur le serveur, lancer des requêtes réseau sortantes ou embarquer des scripts.

Deux choses écartent ce risque ici.

D’abord, vous recevez un PNG, jamais le SVG. Rien de ce que contient le fichier ne peut s’exécuter dans votre navigateur, puisque votre navigateur ne voit jamais le fichier.

Ensuite, chaque SVG envoyé est contrôlé avant que quoi que ce soit ne l’analyse. Les fichiers contenant des déclarations de type de document, des définitions d’entités, des scripts, des gestionnaires d’événements ou des références à des ressources externes sont refusés d’emblée plutôt que réparés : réécrire un fichier hostile puis faire confiance au résultat est un problème bien plus difficile que de le refuser. Les images intégrées en data URI et les références internes comme les dégradés ne sont pas concernées : les SVG ordinaires exportés depuis un logiciel de dessin se convertissent normalement.

Rendre tout un jeu d’icônes

Ajoutez autant de SVG que vous voulez ; chacun est rendu séparément à la taille choisie, avec son propre téléchargement. S’il vous faut la même icône en plusieurs tailles, lancez le lot une fois par taille : le vecteur est rendu à nouveau à chaque fois au lieu d’être mis à l’échelle, si bien que chaque taille est tout aussi nette.