it365

Convertir SVG en PNG

Convertissez rapidement des images SVG en PNG. Conservez un fond transparent, ajustez les marges, recolorez les graphismes, recadrez les espaces vides et exportez par lot.

Déposez vos fichiers pour importer du SVG
Prise en charge du glisser-déposer pour un ou plusieurs fichiers SVG
Total : {{ images.length }} {{ images.length === 1 ? 'image' : 'images' }}
Cliquez ou glissez-déposez des fichiers SVG ici
Import par lot pris en charge, rendu local instantané, 100 % confidentiel sans envoi sur serveur
Format de sortie :
Qualité : {{ Math.round(globalQuality * 100) }}%
#{{ idx + 1 }} .{{ globalFormat }}
Dimensions de la balise : {{ img.specified.width || 'Non spécifié' }} × {{ img.specified.height || 'Non spécifié' }}
Taille en pixels : {{ img.absolute.width ? (img.absolute.width + 'px') : '-' }} × {{ img.absolute.height ? (img.absolute.height + 'px') : '-' }}
ViewBox : {{ img.viewBox.width ? (img.viewBox.x + ' ' + img.viewBox.y + ' ' + img.viewBox.width + ' ' + img.viewBox.height) : 'Aucun' }}
Boîte englobante : {{ img.contents ? (Math.round(img.contents.width) + ' × ' + Math.round(img.contents.height)) : '-' }}
Modifier le code source SVG (réanalysé et rendu automatiquement lors de la modification) :
⚠️ {{ img.errorMessage }}
Taille de sortie (px) :
×
Marge externe :
px
Rognage précis :
Mode d'ajustement :
Couleur de fond :
Couleur du graphisme :
{{ img.width }} × {{ img.height }} px

Comment convertir un SVG en PNG tout en conservant un fond transparent ?

Dans le développement front-end, le design d'interface UI, la création d'illustrations et la bureautique quotidienne, les graphismes vectoriels SVG sont la référence absolue pour les icônes et logos grâce à leur redimensionnement infini, leur netteté parfaite et leur taille de fichier ultra-légère. Cependant, pour publier sur les réseaux sociaux, concevoir des présentations, intégrer des documents ou assurer la compatibilité avec d'anciennes applications, les images matricielles PNG transparentes universelles restent le choix le plus fiable. Cet article présente les principes essentiels, la procédure détaillée et les astuces de dépannage pour convertir proprement un SVG en PNG transparent.

1. Principes de transparence pour SVG et PNG

Le format SVG (Scalable Vector Graphics) est fondamentalement un langage de balisage vectoriel basé sur XML. Selon les spécifications standards, le canevas racine SVG est transparent par défaut, sauf si le code définit explicitement une forme d'arrière-plan opaque (par exemple, <rect fill="#ffffff" ...>).

À l'inverse, le PNG (Portable Network Graphics) est un format matriciel prenant en charge les couleurs RGBA 32 bits avec un canal de transparence Alpha 8 bits offrant 256 niveaux de semi-transparence fluide. Lors de la conversion de SVG en PNG, la pixellisation via un Canvas HTML5 gérant les canaux Alpha sans ajouter d'arrière-plan artificiel permet de préserver fidèlement la transparence d'origine.

2. 5 étapes pour convertir un SVG en PNG transparent haute résolution

1
Importer les fichiers vectoriels SVG

Cliquez sur le bouton « Téléverser SVG » ci-dessus ou glissez-déposez un ou plusieurs fichiers SVG sur la page. Le navigateur analyse instantanément les attributs vectoriels et les dimensions, avec prise en charge du traitement unitaire ou par lot.

2
Laisser le champ couleur de fond vide

Dans chaque carte de configuration, laisser le champ « Couleur de fond » vide garantit une transparence totale. Utilisez le damier ou le mode d'aperçu sombre pour vérifier rapidement les contours du graphique et les zones transparentes.

3
Définir la résolution de sortie

Ajustez la largeur et la hauteur de sortie selon vos besoins (par exemple : 512px, 1024px ou 2048px pour écran Retina). Maintenez le verrouillage des proportions pour éviter toute déformation ou mise à l'échelle inégale.

4
Rogner les blancs et ajuster les marges

Si le viewBox d'origine du SVG présente trop d'espaces vides inutiles, cochez « Rogner les espaces vides » pour détecter automatiquement la boîte englobante et recadrer au plus juste, ou ajustez la « Marge externe ».

5
Exporter les images PNG transparentes

Cliquez sur « Télécharger PNG » pour enregistrer l'image matricielle transparente fidèle, ou utilisez « Copier le PNG » pour la coller directement dans Figma, Sketch, Photoshop ou vos messageries ; pour les séries de fichiers, utilisez « Télécharger le ZIP ».

3. Pourquoi le PNG converti a-t-il un fond noir ou blanc ?

Lors de la conversion de SVG avec des outils traditionnels, il arrive fréquemment d'obtenir un fond noir ou blanc inattendu. Voici les principales raisons et leurs solutions :

01
Choix du format inapproprié

Les formats JPEG/JPG ne prennent pas en charge le canal Alpha et transforment automatiquement les pixels transparents en blanc ou noir plein. Choisissez systématiquement le format PNG ou WebP pour conserver la transparence.

02
Rectangle d'arrière-plan intégré au SVG

Certains fichiers vectoriels exportés depuis des outils de conception intègrent un rectangle de fond en arrière-plan (ex. <rect width="100%" height="100%" fill="#fff"/>). Cliquez sur « Source » dans cet outil pour l'examiner et le supprimer.

03
Affichage de la visionneuse d'images

Certaines visionneuses d'images système affichent par défaut les PNG transparents sur un fond de fenêtre noir ou blanc. Ouvrez l'image dans un logiciel de graphisme ou un navigateur web pour vérifier la transparence réelle.

4. Foire aux questions (FAQ)

L'image PNG convertie devient-elle floue si on l'agrandit ?
Les images matricielles perdent en netteté lorsqu'elles sont agrandies au-delà de leur résolution en pixels. Nous vous conseillons de définir directement la résolution maximale souhaitée (par ex. 1024×1024 ou 4096×4096) avant l'exportation. Cet outil pixellise directement à partir du code vectoriel pour une netteté irréprochable.
Puis-je convertir par lot des dizaines d'icônes SVG en conservant la transparence ?
Oui, tout à fait. Par défaut, tous les fichiers importés conservent leur fond transparent. En activant l'« Édition synchronisée par lot », vous pouvez harmoniser la taille, le mode d'ajustement ou les marges de toutes vos icônes en un clic, puis télécharger l'ensemble en archive ZIP.
Mes fichiers vectoriels sont-ils envoyés vers un serveur externe ?
Non, absolument pas. Tous les calculs de conversion s'effectuent intégralement dans votre navigateur via HTML5 Canvas et les API web. Vos fichiers vectoriels ne transitent par aucun serveur, garantissant une confidentialité totale de vos données.