Aller au contenu
Toolars
Explorer

Convertir SVG en PNG

Ouvrez un SVG : cette page le nettoie avec une liste d'autorisation stricte, puis rend la version sûre sur un PNG transparent à l'échelle choisie, le tout dans votre navigateur. Aucun script ne s'exécute et le fichier n'est pas envoyé. À savoir : tout ce qui sort de la liste d'autorisation, comme les styles CSS, les filtres, les marqueurs ou les images intégrées, est supprimé avant le rendu.

Fiche de l'outil

Limite de taille SVG
2 MiB de balisage, identifié comme image/svg+xml
Échelle
Boutons 1x, 2x, 3x et 4x, avec 2x présélectionné ici ; « Échelle d'export » accepte aussi de 0,01 à 32
Plafond de sortie
8 192 px par côté et 24 MP après mise à l'échelle
Supprimé avant le rendu
Scripts, gestionnaires d'événements, attributs style et <style>, filtres, marqueurs, <image>, foreignObject, URL externes et data:
Refusé d'emblée
Déclarations DOCTYPE ou ENTITY, et fichiers sans width/height ni viewBox
Arrière-plan
Transparent en PNG ; une couleur de remplissage n'est appliquée que si vous passez en JPEG

Parcours de la tâche / de l'entrée au résultat

Comment rastériser un SVG en PNG

  1. 01

    Ajoutez le SVG

    « Choisir un fichier » accepte un seul .svg à la fois. Le balisage brut n'est jamais inséré dans la page ; un aperçu n'apparaît qu'après le rendu assaini.

  2. 02

    Choisissez la taille

    Cliquez sur 1x, 2x, 3x ou 4x sous « Échelle d'export », ou saisissez des valeurs exactes en pixels dans « Largeur de sortie » et « Hauteur de sortie ».

  3. 03

    Assainir et convertir

    Cliquez sur « Assainir et convertir ». Le récapitulatif indique la taille finale en pixels et le nombre d'éléments dangereux ou non pris en charge qui ont été retirés.

  4. 04

    Vérifiez et téléchargez

    Si le nombre d'éléments retirés est supérieur à zéro, comparez l'aperçu avec l'illustration d'origine avant de télécharger le PNG.

Du dessin vectoriel aux pixels

Le SVG décrit des formes et reste donc net à toutes les tailles, mais de nombreuses destinations, comme les logiciels de présentation, les éditeurs de documents ou les fiches de boutique d'applications, exigent un bitmap fixe. La rastérisation en PNG conserve la transparence et ne perd rien d'autre que la grille de pixels que vous choisissez.

Cette grille est la décision qui compte. L'échelle multiplie la largeur et la hauteur propres au SVG, ou sa viewBox quand ces attributs manquent : une icône de 64×64 devient 128×128 à 2x. Agrandir le PNG ensuite le rendra flou, alors faites le rendu à la plus grande taille dont vous avez besoin.

L'assainissement explique la plupart des surprises. Les tracés, formes de base, textes, dégradés, chemins de détourage, masques, motifs et références <use> locales sont conservés, tout comme les attributs de présentation tels que fill et stroke. Les styles placés dans des classes CSS, des attributs style ou un bloc <style> sont supprimés : une illustration exportée de cette façon peut s'afficher en noir ou sans remplissage.

Questions fréquentes

Pourquoi mon PNG est-il noir ou sans ses couleurs ?
Les couleurs étaient probablement définies en CSS : bloc <style>, règles de classe ou attributs style. Ces éléments sont retirés, et les formes SVG sont remplies en noir par défaut. Réexportez le SVG avec des attributs de présentation (fill, stroke) plutôt qu'en CSS, ou demandez à votre outil de design un export avec attributs en ligne.
Quelle échelle choisir pour les écrans haute densité ?
Cette page s'ouvre sur 2x, ce qui double les dimensions déclarées du SVG et convient à la plupart des écrans haute densité. Passez à 3x ou 4x pour des affichages plus grands, en gardant à l'esprit que le résultat doit toujours tenir dans 8 192 px par côté et 24 MP.
Pourquoi les pointes de flèche ou les ombres portées ont-elles disparu ?
En SVG, les pointes de flèche sont dessinées avec des éléments marker et les ombres portées avec des éléments filter, et aucun des deux ne figure sur la liste d'autorisation de l'assainisseur. Convertissez ces effets en tracés simples dans votre éditeur avant d'exporter le SVG.
Pourquoi mon SVG a-t-il été refusé ?
Les causes fréquentes sont une déclaration DOCTYPE ou ENTITY, un fichier de plus de 2 MiB, un fichier non signalé comme image/svg+xml, ou un élément racine sans width, height ni viewBox. Une échelle qui pousserait le rendu au-delà du plafond de pixels est refusée avec mention de la limite.
Les polices et images liées apparaissent-elles dans le PNG ?
Non. Les URL externes, les URL data: et les éléments <image> sont supprimés, donc les images liées et les polices web ne se chargent jamais. Le texte est dessiné avec une police dont le navigateur dispose déjà pour la font-family indiquée : vectorisez le texte dans votre éditeur si le lettrage exact compte.

Convertisseur SVG en image