Convertisseur SVG en PNG

Pourquoi convertir

Un SVG est une liste de formes qui reste nette à toute taille : c’est pourquoi les logos et les icônes sont créés dans ce format. Mais beaucoup d’endroits n’acceptent que des images faites de pixels : l’e-mail, les documents bureautiques, les réseaux sociaux, les formulaires d’envoi, certains services d’impression. La conversion dessine les formes une fois, à la taille choisie, et enregistre le résultat en image ordinaire.

Choisir la taille

Contrairement à une photo, un SVG n’a pas de taille fixe en pixels : c’est vous qui décidez de la taille de l’image. Il y a trois façons :

• Préréglage : le côté le plus long à 512, 1024, 2048 (par défaut), 3840, 7680 ou 8192 pixels.
• Échelle : de 1 à 8 fois la taille écrite dans le SVG lui-même, pratique quand le SVG a été dessiné à sa taille d’affichage.
• Personnalisé : n’importe quel côté le plus long de 16 à 8192 pixels. L’autre côté suit les proportions du SVG.

Pour un écran, dessinez au double de la taille d’affichage pour rester net sur les écrans haute résolution : un logo affiché sur 200 pixels de large en demande 400. Pour l’impression, multipliez la largeur imprimée en pouces par 300. Plus grand n’est jamais plus net que ce que permettent les formes, seulement plus gros.

Fond et format

Le PNG et le WebP gardent les zones transparentes du SVG : un logo peut se poser sur n’importe quelle couleur. Le JPG ne peut pas être transparent : le fond est donc rempli de blanc, sauf si vous choisissez une autre couleur ; prenez la couleur de l’endroit où ira l’image. Un fond rempli aide aussi sur les plateformes qui affichent la transparence en noir.

Les icônes simples sont minuscules en SVG et grossissent cent fois en PNG : gardez le SVG partout où il est accepté. Les dessins très détaillés comme les cartes peuvent être plus légers en PNG. Les PNG sortent directement de l’encodeur du navigateur ; pour les alléger sans changer un pixel, utilisez compresser une image avec l’objectif Sans perte. Notre comparatif SVG ou PNG donne les détails.

Polices et images liées

Le SVG est dessiné par le moteur de votre navigateur, comme une page web le dessinerait dans une image. Pour la confidentialité et la sécurité, ce mode ne charge rien d’extérieur au fichier : les polices et les images vers lesquelles le SVG pointe sur le web sont ignorées. Un texte composé dans une police non installée sur votre ordinateur passe à une police par défaut. Pour garder le lettrage exact, vectorisez le texte (en contours ou en tracés) dans votre logiciel de design avant d’exporter le SVG, et intégrez les images plutôt que de les lier.

En cas de problème

• Le texte paraît différent. La police était liée ou n’est pas installée. Vectorisez le texte dans le logiciel de design.
• Une partie de l’image manque. C’était une image liée ou une fonction que le navigateur ne dessine pas. Intégrez l’image dans le SVG.
• Il indique que la taille est trop grande. Les navigateurs limitent la taille d’une image. Choisissez une taille plus petite ; 8192 pixels est la limite ici.
• Les bords sont crénelés en JPG. Le JPG est fait pour les photos. Utilisez le PNG pour les logos et le dessin au trait.

Notre méthode de test. Quatre fichiers SVG, l’icône d’appareil photo de Lucide et trois fichiers du domaine public de Wikimedia Commons, dessinés par Chrome à chaque taille et enregistrés avec son encodeur PNG, comme le fait cet outil.