Mode d’emploi

Choisissez un fichier .svg (jusqu’à 5 MB) ou collez le code SVG dans la zone.
Choisissez un facteur d’échelle, par exemple 2× pour les écrans haute densité, ou indiquez une largeur précise en pixels.
Conservez l’arrière-plan transparent ou choisissez une couleur.
Vérifiez l’aperçu, puis téléchargez le PNG ou le WebP si votre navigateur le prend en charge.

Fonctionnement

SVG est un format vectoriel : les formes sont décrites mathématiquement, ce qui permet de les afficher avec netteté à toutes les tailles. PNG est une grille de pixels, utilisée par de nombreuses applications, de nombreux documents, clients de messagerie et réseaux sociaux. Cet outil dessine le SVG avec le moteur de rendu de votre navigateur, à la taille choisie, puis enregistre les pixels au format PNG.

La taille initiale est définie par les attributs width et height du SVG. Les unités absolues sont converties en pixels (1 in = 96 px, 1 pt = 1,33 px). Si une seule dimension ou aucune n’est indiquée, le viewBox détermine les proportions et la taille ; en l’absence des deux, les navigateurs utilisent 300 × 150. Les valeurs relatives comme 100 % ne pouvant pas être déterminées pour un fichier autonome, le viewBox est utilisé à la place.

Le SVG est chargé comme une image, une méthode sûre pour afficher des fichiers non fiables : les scripts ne sont pas exécutés et les ressources externes, comme les images liées, les polices web et les fichiers CSS, ne sont pas récupérées. Le texte utilisant une police qui n’est pas installée sur votre appareil est affiché avec une police de remplacement. Le XML est d’abord vérifié : une erreur de syntaxe affiche un message clair plutôt qu’une image vide.

Exemples

Icône d’application à partir d’un logo SVG

Un logo avec viewBox="0 0 64 64" exporté avec une largeur de 1024 donne un PNG de 1024 × 1024 aux contours nets, prêt pour une boutique d’applications ou un générateur de favicon.

Image Retina pour un site web

Une illustration de 400 × 300 à l’échelle 1× exportée avec un facteur d’échelle de 2 donne un PNG de 800 × 600, net sur les écrans haute densité.

Diapositive ou document

Exporter un graphique SVG avec un facteur d’échelle de 3 et un arrière-plan blanc produit un PNG que vous pouvez coller dans un logiciel de présentation qui ne prend pas en charge SVG.

Foire aux questions

Pourquoi mon texte utilise-t-il la mauvaise police ?

Les polices liées depuis le web ne sont pas chargées lorsqu’un SVG est affiché comme une image. Les polices installées sur votre appareil sont utilisées si elles correspondent. Pour éviter tout problème, convertissez le texte en contours dans votre logiciel de conception ou intégrez la police au SVG sous forme d’URL de données.

Pourquoi les images liées sont-elles manquantes ?

Pour des raisons de sécurité, les images référencées par URL dans le SVG sont bloquées lorsque celui-ci est affiché comme une image. Les images intégrées (URL data:) fonctionnent.

Quelle est la taille maximale de sortie ?

Jusqu’à 16 384 px par côté et 50 mégapixels au total. L’export de SVG complexes en très grande taille peut prendre quelques secondes et échouer sur les téléphones disposant de peu de mémoire.

La conversion d’un SVG provenant d’une source inconnue est-elle sûre ?

L’affichage ici est sûr : un SVG affiché comme une image ne peut pas exécuter de scripts ni charger de ressources externes. Le PNG converti ne contient que des pixels.

Confidentialité

Votre SVG est analysé et affiché par votre navigateur. Il n’est ni envoyé, ni stocké, ni inclus dans les statistiques.