Convertir SVG en PNG - Gratuit, toute taille, dans le navigateur

Un SVG n’est pas une image : c’est un ensemble d’instructions de dessin. C’est pourquoi il reste net à toute taille — les formes sont recalculées à chaque affichage. Le transformer en PNG exécute ces instructions une fois, à une taille donnée, et fige le résultat dans une grille de pixels. Vous renoncez au principal atout du format : autant savoir ce que vous obtenez en échange.

Comment convertir SVG en PNG

1. 1 Déposez votre fichier .svg dans la zone prévue.
2. 2 Définissez la largeur de sortie. Les boutons 1x, 2x et 4x partent de la taille inscrite dans le fichier ; s’il n’y en a pas, nous démarrons à 1024 pixels.
3. 3 Cliquez sur Convertir et téléchargez le PNG. Les zones transparentes le restent.

La taille choisie devient le plafond

C’est la seule vraie décision de cette page. Un SVG n’a pas de résolution d’origine sur laquelle se rabattre : la largeur que vous saisissez est donc le maximum de netteté que l’image atteindra jamais — agrandissez le PNG ensuite et il devient flou, comme n’importe quelle image matricielle. La bonne habitude est d’exporter au double de la taille d’affichage, ce qui couvre les écrans haute densité, et de conserver le SVG pour tout ce dont vous pourriez avoir besoin en plus grand. Si le fichier ne porte pas de largeur, nous démarrons à 1024 pixels : une valeur par défaut raisonnable, pas un original significatif.

Quand le PNG est vraiment nécessaire

Bien des endroits refusent encore le SVG, souvent à juste titre : un SVG peut contenir des scripts, aussi les systèmes qui acceptent des envois d’inconnus le rejettent-ils fréquemment. Le cas le plus courant est l’image de partage social — og:image et les cartes Twitter veulent du matriciel. Au-delà : modèles d’e-mails, fiches d’App Store et de places de marché, chaînes d’impression, anciens logiciels de design, ressources de jeu et de canvas, et tout ce qui a besoin d’une taille en pixels fixe pour construire une mise en page autour. Partout, la contrainte est du côté du destinataire, pas dans votre fichier.

Les polices et fichiers liés ne suivront pas

Par sécurité, les navigateurs affichent un SVG dans un bac à sable : aucun script ne s’exécute et aucune ressource externe n’est chargée. C’est le bon comportement, mais il a ici une conséquence visible. Si votre SVG référence une police web, le texte retombe sur une police système et les formes se décalent. S’il pointe vers une image externe, celle-ci n’apparaît tout simplement pas. S’il s’appuyait sur le CSS de la page environnante, ce style disparaît. La solution : rendre le fichier autonome avant la conversion — vectoriser le texte et intégrer les images. C’est de toute façon ce qu’il faut faire avant de confier un SVG à quelqu’un.