PNG vers SVG
Convertissez PNG en SVG avec un vectoriseur en ligne
Tracez les logos, les icônes, les illustrations et les dessins au trait PNG dans des chemins SVG évolutifs. Les zones transparentes restent claires et vous pouvez choisir un traçage en couleur ou en noir et blanc avant de régler les détails et de réduire le bruit.
Modification des valeurs par défaut pour les nouveaux fichiers
Aperçu
Aucun aperçu. Ajoutez et sélectionnez des fichiers pour voir les résultats.
Aucun fichier pour le moment. Déposez des fichiers ci-dessus ou cliquez sur SÉLECTIONNER DES FICHIERS.
Qu'est-ce que le PNG ?
Le PNG (Portable Network Graphics) est un format d'image matriciel sans perte avec un canal alpha de transparence complet. Un PNG transparent est idéal pour les icônes, captures d'écran, illustrations et tout graphique nécessitant des bords nets ou un arrière-plan transparent.
Qu'est-ce que le SVG ?
Le SVG (Scalable Vector Graphics) est un format d'image vectoriel basé sur XML. Au lieu de pixels, un SVG décrit mathématiquement des formes, des chemins, des remplissages et des contours, afin d'être rendu à toute taille sans perte de qualité.
SVG est le format vectoriel standard du Web. Tous les navigateurs modernes le prennent en charge nativement ; il peut être mis en forme avec CSS ou animé avec JavaScript ou SMIL. Il est souvent compact pour les logos, les icônes et les illustrations, mais les fichiers SVG complexes peuvent devenir volumineux.
SVG vs formats matriciels
Les graphiques vectoriels (SVG) et les graphiques matriciels (PNG, JPG) résolvent des problèmes différents. Le bon format dépend de l'usage prévu de l'image.
| Caractéristique | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| Mise à l'échelle | Indépendant de la résolution | Flou à l'agrandissement | Pré-rendu à des tailles fixes |
| Taille de fichier | Petit pour les formes et icônes | Augmente avec la résolution | Lot de matriciels prédimensionnés |
| Édition | Modifiable comme texte ou en outils vectoriels | Édition au niveau du pixel uniquement | Modifier chaque taille puis réempaqueter |
| Animation | CSS, SMIL, JavaScript | Limitée (PNG/GIF animé) | Non prise en charge |
| Transparence | Oui | PNG oui, JPG non | Oui (basé sur PNG) |
Quand convertir PNG en SVG
Convertissez PNG en SVG quand un logo, une icône ou une illustration doit s’adapter proprement à toute taille. Vectoriser un PNG donne une sortie nette en résolution d’impression et sur écrans HiDPI, plus un fichier éditable que vous pouvez recolorer, redimensionner et animer. Les meilleurs résultats viennent des PNG avec couleurs plates et bords nets ; les photographies complexes se tracent aussi, mais produisent des SVG plus volumineux.
PNG vers SVG : taille de fichier et compromis de qualité
Taille du fichier
La taille du fichier SVG dépend du nombre et de la complexité des chemins, et pas seulement des dimensions en pixels du PNG. Un logo ou une icône plate devient souvent un SVG compact, tandis qu'une photographie peut produire des milliers de formes et un fichier plus volumineux que la source. Moins de couleurs, une réduction du bruit plus forte et des chemins plus simples réduisent généralement la taille de sortie.
Quand le SVG bat le PNG d'origine
Utilisez le SVG quand la ressource doit s’afficher à plusieurs tailles (favicons, icônes retina, logos en qualité d’impression), ou quand vous devez la recolorer ou l’animer. Le SVG est éditable comme du texte, c’est donc aussi la forme à envoyer dans un design system.
Quand garder le PNG d’origine
Restez sur le PNG pour les photos, captures d’écran et captures d’UI anti-crénelées. Vectoriser du contenu fidèle au pixel produit un SVG bien plus volumineux que le PNG source, et le traceur aplatit le bruit, les dégradés fins et l’anti-crénelage en zones de couleur plus grossières.
Compromis de qualité
PNG est sans perte : chaque pixel est exactement ce qui a été peint. La vectorisation est approximative : le traceur adapte les courbes aux régions de couleur, de sorte que les traits très fins, les dégradés photographiques et les motifs tramés peuvent être lissés ou simplifiés. Les logos, les icônes et les dessins au trait suivent généralement de près ; les photographies ont tendance à paraître plus stylisées ou postérisées.
Comment convertir PNG en SVG en ligne
- 1
Déposez vos fichiers, ou cliquez sur SÉLECTIONNER DES FICHIERS, pour les ajouter à la file. Jusqu'à 40 à la fois.
- 2
Réglez les options de sortie (taille, DPI, arrière-plan, qualité ou niveau de détail du tracé) et l'aperçu se met à jour en direct.
- 3
Cliquez sur TOUT ENREGISTRER pour télécharger le résultat, ou une seule archive ZIP quand la file contient plus d'un fichier.
Confidentialité : vos fichiers ne quittent pas le navigateur
La conversion s'exécute localement dans votre navigateur à l'aide de JavaScript et WebAssembly. Il n'y a pas de téléchargement de fichiers ni de conversion côté serveur, donc les fichiers que vous ajoutez restent sur votre appareil.
Le traitement local permet de protéger les logos confidentiels, les documents internes et les illustrations client inédites. Les pages et le code de conversion sont mis en cache au fur et à mesure que vous les utilisez, afin que les outils que vous avez déjà ouverts puissent continuer à fonctionner sans connexion réseau.
Questions fréquentes
La transparence du PNG est-elle conservée lors de la vectorisation ?
Les zones transparentes peuvent rester claires dans la sortie SVG, faisant de PNG une source utile pour les logos et les icônes sans arrière-plan uni. Le traçage est encore une approximation, alors inspectez les bords doux ou semi-transparents dans l'aperçu.
Quel type de PNG se vectorise le mieux ?
Les PNG avec couleurs plates, bords nets et palettes limitées (logos, icônes, dessins au trait, stickers) donnent des SVG petits et propres. Les photos détaillées fonctionnent aussi mais produisent des fichiers plus volumineux. Pour celles-ci, augmentez la réduction de bruit et baissez la précision des couleurs.
Mode Couleur ou Noir et blanc ?
Couleur pour les logos, illustrations et tout ce qui a plusieurs remplissages. Noir et blanc pour le trait, les dessins scannés, les signatures ou tout ce que vous voulez en silhouette monochrome propre. Le curseur de seuil N/B contrôle la limite entre noir et blanc.