SVG en PNG
Transformez un SVG statique pris en charge en PNG aux dimensions précises, sur fond transparent ou uni. Convertissez localement, vérifiez le résultat et téléchargez la même image vérifiée.
Créer un PNG à partir d’une image vectorielle
- Choisissez un fichier SVG ou collez son balisage UTF-8. La source est contrôlée avant son passage au moteur de rendu.
- Utilisez la zone d’affichage détectée ou définissez un canevas, puis choisissez Original, Largeur ou Hauteur et le fond de sortie.
- Sélectionnez Convertir en PNG, vérifiez le résultat et téléchargez-le. Toute modification de la source ou d’un réglage invalide l’image précédente.
Comprendre le canevas et les pixels
La viewBox d’un SVG décrit un rectangle de coordonnées, pas une taille universelle en pixels. Le convertisseur utilise les dimensions explicites de la racine si elles existent ; sinon, il applique la convention documentée pour la viewBox.
Une zone d’affichage personnalisée définit le canevas source. Le choix d’une largeur ou d’une hauteur de sortie permet ensuite de calculer l’autre dimension en pixels ; l’arrondi final à l’entier peut légèrement modifier les proportions.
Le PNG prend en charge la transparence. Le damier de l’aperçu ne figure pas dans le fichier. Un fond uni remplace volontairement les zones transparentes par la couleur opaque choisie.
Le texte est rendu avec les polices régulières incluses. Les familles, graisses, espacements ou écritures demandés peuvent différer ou comporter des glyphes manquants. Pour une typographie exacte, vectorisez le texte avant la conversion.
Exemples de dimensions
Une viewBox 10 20 400 200 sans dimensions racine utilise un canevas source de 400 × 200. Une largeur de 1200 produit un PNG de 1200 × 600 ; l’origine non nulle de la viewBox reste prise en compte.
Pour une viewBox de 100 × 50 avec une seule largeur de 200, cet outil déduit une hauteur de 100. C’est une convention de dimensionnement de l’outil ; tous les moteurs autonomes ne résolvent pas nécessairement une dimension manquante de cette manière.
Un canevas source de 3 × 2 ajusté à une largeur de 10 nécessite une hauteur entière de 7. La géométrie fractionnaire et l’anticrénelage restent traités par le moteur épinglé, et non reconstruits par la formule de dimensions.
Un profil statique pris en charge, pas tous les SVG
Le profil comprend les tracés et formes ordinaires, les groupes, le texte, les styles, les dégradés, la réutilisation locale, le découpage, les masques, les marqueurs et les images PNG ou JPEG intégrées et vérifiées. Les fonctions non prises en charge entraînent un refus plutôt qu’un résultat incomplet sans avertissement.
Les filtres, motifs, animations, scripts, éléments HTML foreignObject, ressources externes et images SVG imbriquées ne sont pas pris en charge dans cette version. Certaines images exportées, notamment avec des effets ou des ombres, doivent donc être préparées ailleurs.
La source est limitée à 4 Mio, chaque axe de sortie à 8192 pixels et l’image complète à 8 388 608 pixels. Des limites de structure, d’images intégrées, d’expansion, de surfaces intermédiaires et de temps s’appliquent aussi. Une petite source ne garantit pas un rendu peu coûteux.
L’outil ne garantit ni un rendu identique à celui d’un navigateur, ni les polices d’origine, les profils colorimétriques ICC, les métadonnées DPI d’impression, une couverture Unicode arbitraire ou la conservation des métadonnées source. Ici, le DPI fixe la conversion des unités physiques, pas les métadonnées d’impression du PNG.
Un seul document est converti à la fois. Le SVG d’origine n’est ni modifié, ni téléversé, ni affiché sous forme de balisage exécutable, ni remplacé par un SVG réécrit à télécharger. Il n’y a ni ZIP par lots, ni éditeur SVG, ni taux de compression garanti.
Conversion locale avec des ressources définies
La conversion utilise des workers locaux et des ressources fixes de moteur et de polices provenant de la même origine. L’outil ne téléverse pas les SVG fournis, les images ou le contenu des fichiers, ne les enregistre pas dans l’historique et ne les place pas dans des URL de partage. Les ressources réseau choisies par la source sont refusées. Cet engagement décrit le flux de données de l’outil ; ce n’est pas une certification générale de sécurité du navigateur.
Questions sur la conversion SVG en PNG
Sources
Ces références décrivent les formats d’entrée et les versions fixes utilisées par le profil de conversion ; elles ne certifient pas chaque SVG ni son rendu.
- W3Cw3.orgW3C : Scalable Vector Graphics 1.1
- W3Cw3.orgW3C : systèmes de coordonnées et zones de dessin SVG
- W3Cw3.orgW3C : liens et références aux ressources SVG
- W3Cw3.orgW3C : Extensible Markup Language 1.0
- W3Cw3.orgW3C : syntaxe CSS
- W3Cw3.orgW3C : spécification PNG
- registry.npmjs.orgPaquet resvg-wasm 2.6.2
- raw.githubusercontent.comCode source de l’interface resvg épinglée
- raw.githubusercontent.comMoteur épinglé : fonctionnalités non prises en charge documentées
- registry.npmjs.orgPaquet saxes 6.0.0
- registry.npmjs.orgPaquet CSS Tree 3.1.0
Références du profil vérifiées le 9 novembre 2026. Le sous-ensemble pris en charge est plus restreint que celui du moteur ; les polices incluses, les caractères manquants et l’interprétation des couleurs peuvent modifier le résultat.
Outils associés
Générateur de filtres CSS
Ordonnez et répétez les effets CSS, comparez un exemple et copiez la déclaration exacte.
Ouvrir l’outil — Générateur de filtres CSSCalculateur de taille de police fluide
Définissez la taille de police pour deux largeurs de fenêtre. Copiez le CSS relatif à la racine et consultez le modèle calculé avec les mêmes coefficients exportés.
Ouvrir l’outil — Calculateur de taille de police fluideGénérateur de bouton CSS
Personnalisez les états d’un bouton natif, vérifiez le focus clavier et copiez le HTML et le CSS.
Ouvrir l’outil — Générateur de bouton CSSGénérateur CSS de border-radius
Modifiez huit rayons, prévisualisez un cadre et copiez le CSS en pixels ou pourcentages.
Ouvrir l’outil — Générateur CSS de border-radiusGénérateur CSS Grid
Créez un exemple CSS Grid avec pistes, placement et zones nommées. Prévisualisez-le, copiez le CSS ou le HTML et téléchargez l’exemple complet.
Ouvrir l’outil — Générateur CSS GridGénérateur de boîtes flexibles CSS
Créez un exemple Flexbox avec des contrôles de conteneur et d'élément, des axes de mise en page explicites, une correspondance CSS et HTML et un téléchargement local d'exemple complet.
Ouvrir l’outil — Générateur de boîtes flexibles CSSGénérateur CSS d’ombres de texte
Créez des ombres de texte ordonnées, prévisualisez du texte brut et copiez le CSS exact.
Ouvrir l’outil — Générateur CSS d’ombres de texteGénérateur de transformation CSS
Composez des transformations CSS 2D répétables, modifiez px ou la traduction et l'origine en pourcentage, inspectez une boîte de référence et copiez les déclarations actuelles exactes.
Ouvrir l’outil — Générateur de transformation CSSGénérateur d’ombres CSS
Créez des couches box-shadow ordonnées, prévisualisez et copiez le code CSS.
Ouvrir l’outil — Générateur d’ombres CSSFiligrane sur image
Ajoutez du texte ou un logo aux images, vérifiez les résultats et téléchargez les fichiers individuels ou un ZIP.
Ouvrir l’outil — Filigrane sur imageGénérateur de dégradés CSS
Créez des dégradés linéaires ou radiaux avec couleurs, opacité et points réglables.
Ouvrir l’outil — Générateur de dégradés CSSConvertisseur de couleurs
Convertissez les valeurs sRGB HEX, RGB et HSL prises en charge, avec alpha et précision explicite.
Ouvrir l’outil — Convertisseur de couleursImage en texte (OCR)
Reconnaissez le texte imprimé de PNG ou JPEG locaux, choisissez la langue et vérifiez ou corrigez le résultat avant de le copier ou télécharger.
Ouvrir l’outil — Image en texte (OCR)Lecteur de QR depuis une image
Lisez un QR code depuis un PNG ou JPEG local et examinez le texte ou les octets sans ouvrir de lien.
Ouvrir l’outil — Lecteur de QR depuis une imageVérificateur de contraste des couleurs
Comparez les couleurs du premier plan et de l’arrière-plan, ajustez l’opacité et vérifiez les seuils numériques WCAG pour le texte et les détails essentiels de l’interface.
Ouvrir l’outil — Vérificateur de contraste des couleursCalculateur de taille d’impression et de résolution
Calculez la taille d’impression, les pixels nécessaires et la résolution effective avec marges ou recadrage.
Ouvrir l’outil — Calculateur de taille d’impression et de résolutionCalculateur de rapport largeur/hauteur
Calculez le rapport largeur/hauteur ou de nouvelles dimensions en pixels en fixant un seul côté.
Ouvrir l’outil — Calculateur de rapport largeur/hauteurCompresseur d’images
Essayez d’adapter un JPEG, PNG ou WebP à une taille de fichier cible, avec résultat mesuré et réduction facultative des dimensions.
Ouvrir l’outil — Compresseur d’imagesHEIC en JPG
Convertissez localement vos photos HEIC compatibles en JPG à pleine résolution, avec qualité et fond réglables, puis téléchargez les fichiers vérifiés seuls ou en ZIP.
Ouvrir l’outil — HEIC en JPGConvertisseur d’images
Convertissez des images PNG, JPEG et WebP localement, réglez transparence, fond et qualité, puis téléchargez les résultats.
Ouvrir l’outil — Convertisseur d’imagesCréer un collage photo
Disposez des photos locales en grille et téléchargez un PNG ou JPEG.
Ouvrir l’outil — Créer un collage photoPivoter et retourner des images
Faites pivoter ou retournez un lot local d’images statiques PNG, JPEG et WebP, puis vérifiez et téléchargez les résultats.
Ouvrir l’outil — Pivoter et retourner des imagesRecadrer une image
Recadrez un fichier JPEG, PNG ou WebP local au pixel près et téléchargez le résultat en PNG ou JPEG.
Ouvrir l’outil — Recadrer une imageRedimensionner une image
Redimensionnez une image JPG, PNG ou WebP en pixels ou en pourcentage, vérifiez et téléchargez le résultat.
Ouvrir l’outil — Redimensionner une image