Convertir un SVG en PNG

SVG ou PNG : pourquoi convertir ?

Le SVG est un format vectoriel : l'image est décrite par des formes et des courbes, et non par des pixels. C'est idéal pour un logo, une icône ou une illustration, qui restent nets à toutes les tailles. Mais beaucoup de services n'acceptent que des images classiques : réseaux sociaux, messageries, plateformes de vente, imprimeurs, formulaires en ligne et certains logiciels de bureautique. Le PNG est alors le meilleur choix : c'est une image en pixels, sans perte de qualité, qui conserve la transparence. Convertir votre SVG en PNG vous donne un fichier que tout le monde peut ouvrir, en gardant un logo net et un fond transparent.

Choisir la taille : 1×, 2×, 4× ou largeur libre

La taille d'origine d'un SVG est donnée par ses attributs width et height, ou à défaut par son viewBox ; l'outil l'affiche pour chaque fichier. En 1×, le PNG fait exactement cette taille ; en 2×, il est deux fois plus grand, ce qui convient aux écrans haute définition (Retina) ; en 4×, il devient assez grand pour une impression ou un visuel en grand format. Avec « Largeur libre », vous indiquez le nombre exact de pixels voulus, par exemple 1080 pour une publication sur les réseaux sociaux ou 512 pour une icône, et la hauteur suit les proportions du dessin. Comme le SVG est redessiné à chaque fois, même une très grande taille reste parfaitement nette. Seule limite : celle des navigateurs, au-delà de 16 384 pixels de côté, ou de 16 millions de pixels au total sur iPhone et iPad ; l'image est alors réduite et l'outil le signale.

Fond transparent, fond blanc et format JPG

Un PNG transparent se pose sur n'importe quel fond : c'est le format à choisir pour un logo destiné à un site, une vidéo ou une présentation. Le fond blanc est utile pour un document à imprimer, ou pour un service qui affiche la transparence en noir. Le JPG, lui, ne connaît pas la transparence : les zones transparentes du SVG prennent la couleur de fond choisie, blanche par défaut. Le JPG produit des fichiers plus légers pour les illustrations riches en dégradés, mais il peut créer de légers défauts autour des textes et des aplats de couleur, là où le PNG reste parfaitement net. En cas de doute, choisissez le PNG.

Si le rendu ne ressemble pas à l'original

Le SVG est dessiné par votre navigateur, comme une image : par sécurité, son code n'est jamais exécuté dans la page, et il ne peut charger aucune ressource extérieure. Deux différences peuvent en découler. Les polices qui ne sont pas incluses dans le fichier sont remplacées par une police de votre appareil : dans votre logiciel de dessin, convertissez le texte en tracés (vectorisation du texte) avant d'exporter le SVG. Les images liées vers un autre fichier ou un site ne s'affichent pas, alors que les images intégrées dans le SVG fonctionnent. Un SVG qui contient du code HTML (balise foreignObject) ne peut pas être converti : la plupart des navigateurs refusent de l'exporter en image. Enfin, un SVG animé est converti dans son état de départ, en image fixe.