Convertir un SVG en PNG
Glissez vos fichiers SVG ou collez du code SVG, choisissez la taille, téléchargez le PNG. Le SVG étant un format vectoriel, le PNG reste net à toutes les tailles – du favicon de 16 px à l’image 4K. Tout se passe dans votre navigateur.
Comment le calcul est fait
Le SVG (Scalable Vector Graphics) décrit une image avec des tracés, des formes et du texte plutôt qu’avec des pixels. Idéal pour les logos et les icônes, mais pas accepté partout : anciennes versions de Word et PowerPoint, formulaires d’envoi, signatures e-mail, stores d’applications et réseaux sociaux demandent une image matricielle. La conversion en PNG règle le problème – sans perte et avec transparence.
Convertir un SVG en PNG en 3 étapes
- Déposez des fichiers SVG ou collez le code SVG.
- Choisissez la taille et un fond transparent ou coloré.
- Téléchargez le PNG.
Exemple : une icône carrée avec viewBox="0 0 24 24" exportée à 512 px de large donne un PNG de 512 × 512 pixels, parfaitement net car le graphique vectoriel est recalculé à cette taille.
Quelle taille aura le PNG ?
Le point de départ est la taille inscrite dans le SVG :
- width et height sur l’élément
<svg>: ces valeurs s’appliquent. Les unités mm, cm, in ou pt sont converties en pixels comme en CSS (1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1⅓ px). - viewBox seule (courant pour les icônes, p. ex.
viewBox="0 0 24 24") : largeur et hauteur de la viewBox valent des pixels. - un seul côté + viewBox : l’autre côté suit les proportions de la viewBox.
- rien ou des pourcentages : taille par défaut du navigateur, 300 × 150 px – indiquez alors vous-même la taille en pixels.
Le facteur multiplie cette taille (une icône de 24 px devient 96 × 96 px à 4×). En largeur/hauteur, vous saisissez des pixels ; avec une seule valeur, l’autre suit les proportions. Avec les deux et « Conserver les proportions » coché, l’image est ajustée dans ce cadre ; sans la coche, elle est étirée exactement à ces dimensions.
| Usage | Taille PNG courante |
|---|---|
| Favicon / icône d’application | 32, 180, 192 ou 512 px (carré) |
| Logo sur un site (Retina) | 2× la taille affichée |
| Logo dans Word/PowerPoint | 1000 à 2000 px de large |
| Impression à 300 dpi | largeur en cm × 118 (10 cm ≈ 1181 px) |
Fond transparent ou coloré
Le PNG gère la transparence : en laissant le fond « transparent », le logo s’affiche correctement sur n’importe quel support. Pour les logiciels ou plateformes qui affichent la transparence en noir, choisissez une couleur de fond (souvent blanc). Besoin d’un JPG ? Convertissez ensuite le PNG avec Convertir une image ; pour alléger le fichier, utilisez Compresser une image.
Sécurité : le SVG est dessiné uniquement comme image
Un fichier SVG peut contenir des scripts et des liens vers des serveurs externes. Cet outil charge donc le SVG strictement comme une image (comme une balise <img> sur une page web). Dans ce mode, le navigateur n’exécute aucun script et ne télécharge rien. Revers de la médaille : les images ou polices liées depuis Internet n’apparaissent pas dans le PNG. Les images intégrées (URL data:) et les polices installées sur votre système fonctionnent.
Confidentialité
La conversion se fait entièrement sur votre appareil, y compris pour le code SVG collé. Rien n’est envoyé ni enregistré.
Autres outils : le générateur de favicon pour une icône de site et convertir une image pour les autres formats.
Questions fréquentes
Comment convertir un SVG en PNG ?
Glissez le fichier SVG dans la zone (ou collez le code SVG), choisissez la taille et téléchargez le PNG. Plusieurs fichiers peuvent aussi être récupérés en ZIP.
Le PNG sera-t-il flou ?
Non. Le SVG est dessiné directement à la taille cible, sans passer par une petite image agrandie. Même à 16×, il reste net.
Le fond reste-t-il transparent ?
Oui, par défaut. Pour un fond blanc ou coloré, choisissez « Couleur » sous « Arrière-plan ».
Pourquoi une police ou une image manque-t-elle dans le PNG ?
Par sécurité, le SVG n’est dessiné que comme image : le navigateur ne charge alors aucun fichier externe. Les polices absentes de votre appareil sont remplacées. Solution : vectoriser le texte dans votre logiciel de dessin ou intégrer les images.
Quelle taille a le PNG par défaut ?
La taille width/height du SVG, sinon celle de la viewBox – multipliée par le facteur choisi (2× par défaut). La taille d’origine figure dans la liste des résultats.
Mes fichiers SVG sont-ils envoyés sur un serveur ?
Non. Tout se passe dans votre navigateur, vos fichiers ne quittent pas votre appareil.
Sources et références juridiques
- W3C – Scalable Vector Graphics (SVG) 2: Coordinate Systems, viewBox
- W3C – SVG 2: Processing modes (secure animated mode)
- W3C – CSS Values and Units Level 4: Absolute lengths
- W3C – Portable Network Graphics (PNG) Specification
- MDN – SVG as an image
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
Dernière mise à jour :
Outils similaires
- Convertir une image : JPG, PNG, WebP, AVIFConvertir une image sans l’envoyer en ligne : PNG en JPG, JPG en PNG, WebP en JPG, HEIC en JPG ou en AVIF. Jusqu’à 20 images à la fois, téléchargement ZIP.
- Redimensionner une imageRedimensionner une image en ligne : largeur et hauteur en pixels ou en %, proportions conservées ou recadrage, formats Instagram et YouTube. Sans envoi.
- Compresser une image : réduire la taille du fichierCompresser une image sans l’envoyer en ligne : réduisez JPG, PNG, WebP et HEIC, 20 images à la fois, avec taille cible en Ko et téléchargement ZIP. Gratuit.
- Recadrer une image en ligneRecadrer une photo sans l’envoyer : sélection libre, carré 1:1, 4:3, 16:9 ou 9:16, modèles Instagram et YouTube. Gratuit, fonctionne aussi sur mobile.
- Convertir une vidéo en MP3Convertir une vidéo en MP3 : extrayez le son d’un MP4, MOV ou WebM en MP3 ou WAV, avec débit et extrait au choix. Gratuit, sans envoi en ligne.
- Créer une carte de visite : PDF prêt à imprimer, avec fond perduCréez vos cartes de visite en ligne : recto verso, logo, 85 × 55 mm, fond perdu et traits de coupe – en PDF pour l’imprimeur ou sur planche A4. Sans envoi.