Convertissez des fichiers vectoriels SVG en images raster PNG de haute qualité. Personnalisez facilement l'échelle de sortie et la couleur d'arrière-plan dans votre navigateur.
Jusqu'à 50 Mo
SVG (Scalable Vector Graphics) décrit les images comme un ensemble de primitives géométriques — chemins, formes, texte, dégradés — qui s'adaptent à n'importe quelle taille sans perte de qualité. PNG stocke une seule grille de pixels rectangulaires à une résolution fixe. La conversion de SVG en PNG est une étape de rastérisation : les instructions de dessin du SVG sont évaluées à une taille de pixel choisie et le bitmap résultant est codé au format PNG. La sortie semble nette à la taille que vous avez spécifiée, mais se pixelise si elle est agrandie.
Ce convertisseur restitue le SVG à l'aide du moteur SVG intégré au navigateur. Le SVG est chargé dans un élément Image, dessiné sur un canevas HTML5 aux dimensions de sortie choisies et exporté au format PNG via canvas.toBlob. Étant donné que le navigateur effectue la rastérisation, les fonctionnalités SVG complexes (dégradés, filtres, masques, animations sous forme de cadre statique) s'affichent de la même manière qu'elles le feraient sur une vraie page Web.
La décision la plus importante lors de la conversion SVG vers PNG est la taille de la cible. SVG est indépendant de la résolution, donc choisir une taille PNG qui correspond à l'utilisation réelle évite le surprovisionnement (fichiers volumineux pour les icônes de la taille d'une miniature) et le sous-provisionnement (sortie floue lors d'une mise à l'échelle ultérieure). Cibles courantes : 32×32 ou 64×64 pour les icônes, 256×256 ou 512×512 pour les logos, 1024×1024 pour les graphiques de héros, 2048×2048 pour les ressources de qualité rétine.
SVG est merveilleux pour le Web et les outils de conception modernes, mais terrible pour de nombreux autres contextes. Les clients de messagerie affichent le SVG de manière incohérente ; certains le bloquent comme risque de sécurité. Les anciens logiciels de bureau, certains CMS, les services tiers et presque tous les pipelines d'impression photo n'acceptent pas du tout SVG. La conversion en PNG produit un raster universellement accepté qui semble identique à la taille choisie.
PNG s'intègre également de manière fiable dans les documents bureautiques, les diaporamas et les PDF sans dépendre du moteur de rendu SVG du destinataire. Pour les logos et les graphiques qui doivent apparaître de manière cohérente sur de nombreuses plates-formes, le PNG est le choix le plus sûr, même s'il perd l'indépendance en matière de résolution qui rend le SVG attrayant en premier lieu.
Choisissez votre taille cible, effectuez le rendu. Le navigateur effectue la rastérisation.
SVG (recommandation du W3C) est un format vectoriel basé sur XML avec des éléments pour les chemins, les formes de base (rect, cercle, ellipse, ligne, polygone, polyligne), le texte, les dégradés (linearGradient, radialGradient), les filtres, les masques et les chemins de détourage. Le navigateur analyse le XML, crée un DOM, applique CSS et pixellise le résultat lors du rendu de la page.
Ce convertisseur charge le SVG dans un HTMLImageElement (qui déclenche le chemin de rendu SVG en tant qu'image normal du navigateur), puis le dessine sur un canevas via drawImage. Le canevas est exporté au format PNG à l'aide de canvas.toBlob('image/png'). Les pixels exacts de la sortie correspondent à ce que le SVG restituerait à la même taille dans un onglet du navigateur.
Cas extrêmes : SVG utilisant ForeignObject n'est pas toujours pris en charge lorsqu'il est utilisé via l'élément Image. SVG faisant référence à des ressources externes (xlink: href vers un domaine différent) peut ne pas se charger en raison de CORS. Les animations SMIL et les animations basées sur JavaScript s'affichent uniquement sous forme d'image initiale.