0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
Configuration
Convertissez un SVG en PNG ou JPG en choisissant la résolution de sortie : le vecteur est redessiné à la taille demandée, le résultat reste donc net à toute échelle. Vous pouvez charger un fichier ou coller le code SVG. Tout le traitement se fait dans votre navigateur, sans envoi de fichiers.
Source

Glissez un fichier SVG ou cliquez pour le sélectionner

SVG

Comment ça marche

Le SVG est un format vectoriel : il décrit des formes avec des coordonnées et peut donc être dessiné à n’importe quelle taille sans perdre en netteté. Le PNG et le JPG, eux, sont des images matricielles avec un nombre fixe de pixels. La rastérisation, c’est précisément cette étape : fixer une résolution et dessiner le vecteur sur cette grille de pixels.

C’est pourquoi la résolution se choisit avant la conversion, et non après. L’outil réécrit la largeur et la hauteur du SVG à la taille demandée, puis seulement le dessine : le navigateur retrace donc les courbes à cette échelle au lieu d’agrandir une petite image. Vous pouvez indiquer un multiplicateur (2×, 4×…) ou une largeur et une hauteur exactes en pixels.

Le PNG conserve la transparence, contrairement au JPG : les zones transparentes sont donc remplies avec la couleur de fond que vous choisissez. Tout le dessin se fait dans votre navigateur avec Canvas : ni le fichier ni le code SVG ne sont envoyés à un serveur.

Exemples

<svg viewBox="0 0 24 24" width="24" height="24">…</svg>PNG 96 × 96 pxUne icône de 24 px convertie avec un multiplicateur 4× donne 96 × 96 px, la taille habituelle pour les écrans à haute densité.
<svg viewBox="0 0 1200 630">…</svg>JPG 1200 × 630 pxUn SVG sans attributs width et height tire sa taille du viewBox ; ici il est rastérisé en 1× pour une image d’aperçu sur les réseaux sociaux.

Cas d'usage

  • Produire les icônes PNG exigées par les boutiques d’applications ou les manifestes web, qui n’acceptent pas le SVG.
  • Convertir un logo vectoriel en PNG avec fond transparent pour l’insérer dans une présentation ou un document.
  • Exporter un diagramme ou un graphique SVG en JPG pour le joindre à un e-mail ou le déposer sur une plateforme qui refuse les vecteurs.
  • Obtenir les versions @2x et @3x d’une même icône pour les écrans à haute densité.
  • Produire l’image d’aperçu (Open Graph) d’un site à partir d’un modèle SVG.

Questions fréquentes

Quelle résolution choisir ?

Celle de l’usage final. Pour un écran ordinaire, la taille d’affichage suffit ; pour les écrans à haute densité, comptez 2× ou 3× cette valeur. Pour l’impression, multipliez la taille en pouces par 300 afin d’atteindre 300 ppp.

Pourquoi mon SVG sort-il dans une taille inattendue ?

La taille initiale provient des attributs width et height ; s’ils manquent ou sont exprimés en pourcentage, c’est le rapport du viewBox qui sert. Sans aucun des deux, le navigateur suppose 300 × 150 px. Vous pouvez ignorer cette valeur et saisir une largeur et une hauteur exactes en mode personnalisé.

La transparence est-elle conservée ?

En PNG oui, si vous laissez cochée l’option de fond transparent. Le JPG n’a pas de canal alpha : il est donc toujours dessiné sur une couleur unie, blanche par défaut, que vous pouvez changer.

Pourquoi un SVG qui utilise des images ou des polices externes échoue-t-il ?

Dessiné à l’intérieur d’une image, le SVG ne peut pas télécharger de ressources d’autres domaines et le navigateur bloque l’export par sécurité. La solution consiste à intégrer ces ressources dans le SVG lui-même : les images en data URI et les textes convertis en tracés.

Peut-on revenir du PNG au SVG ?

Pas directement : la rastérisation supprime l’information vectorielle et ne laisse que des pixels. Retrouver les courbes suppose une vectorisation qui reconstruit des formes approximatives, pas l’original. Mieux vaut toujours conserver le SVG de départ.

Voir aussi