Nettoyeur SVG en Ligne

Optimisez et nettoyez les SVG exportés depuis Figma, Adobe Illustrator ou Inkscape. Supprimez les métadonnées, attributs inutiles et groupes vides pour obtenir un SVG prêt pour la production.

Studio d'utilitaires

Voulez-vous cet outil sur votre site web ?

Personnalisez les couleurs y le mode sombre pour WordPress, Notion ou votre propre site.

Allons-y

Questions fréquemment posées

Puis-je coller le HTML complet d'une page avec SVG intégré?

Oui. Le nettoyeur détecte l'élément SVG dans le HTML et extrait uniquement ce bloc pour le traiter. Cela fonctionne aussi si vous collez directement le fragment SVG.

Est-ce utilisable avec des SVG d'Illustrator?

Oui. Illustrator exporte des SVG avec des déclarations XML, des métadonnées et des espaces de noms propriétaires que le nettoyeur supprime. Le résultat est un SVG compatible avec tous les navigateurs modernes.

Quelle est la différence entre nettoyer et minifier?

Nettoyer supprime les attributs et balises inutiles mais conserve le format indenté pour que vous puissiez lire et éditer le code. Minifier réduit également tout en une seule ligne pour réduire le poids au maximum.

Supprimer les IDs peut-il casser le SVG?

Seulement si un élément du SVG référence un autre par ID, par exemple via fill="url(#gradient)". Dans ce cas, désactivez l'option Supprimer les IDs. Elle est désactivée par défaut précisément pour éviter ce problème.

Mon code SVG est-il envoyé à un serveur?

Non. Tout le traitement se déroule dans votre navigateur en utilisant les API natives DOMParser et XMLSerializer. Le code ne quitte jamais votre appareil.

# Nettoyeur SVG : Nettoyez le Code de Figma et Illustrator

Collez n'importe quel SVG exporté depuis Figma, Adobe Illustrator ou l'inspecteur du navigateur et obtenez un fichier vectoriel propre, optimisé et prêt pour la production.

# Pourquoi les SVG exportés sont-ils si sales ?

Lorsque vous exportez un SVG depuis Figma, vous obtenez un fichier chargé d'attributs qui n'ont de sens qu'au sein de l'application : data-name, xml:space, références aux calques internes et métadonnées de design. Le résultat est un SVG qui peut peser 40 à 70 % de plus que nécessaire.

# Ce que le Nettoyeur supprime

  • Métadonnées d'éditeur : balises metadata, title et desc ajoutées automatiquement par Figma et Illustrator.
  • Espaces de noms Inkscape : tous les éléments avec préfixe inkscape: et sodipodi:.
  • Attributs inutiles : xml:space, version, xmlns:* superflus et attributs data-* de Figma.
  • Groupes vides : éléments <g> sans contenu laissés comme artefacts de calques supprimés.
  • Déclarations XML : la déclaration <?xml version="1.0"?> et le DOCTYPE inutiles lors de l'intégration du SVG dans le HTML.

Références Bibliographiques

Plus d'utilités de Développement Web

Formateur et Validateur JSON Gratuit en Ligne

Outil en ligne gratuit pour formater, valider et réparer du code JSON. Embellissez et formatez du JSON. Détecte les erreurs de syntaxe et améliore la lisibilité du code.

Utiliser l'outil

Convertisseur SVG vers CSS et Data URI. Optimisation Web

Transformez vos icônes et vecteurs SVG en code CSS (Background ou Mask) ou Data URI compressé. Optimisez les performances de votre site en éliminant les requêtes HTTP externes.

Utiliser l'outil

Calculateur de Ratio de Format en Pixels. Proportions en Ligne

Calculez de nouvelles résolutions d'image, de vidéo et de web design en conservant la proportion exacte pour ne pas déformer les graphiques. Prend en charge les formats 16:9, 4:3, 21:9 et personnalisés.

Utiliser l'outil

Générateur d'Images Placeholder. Maquettes Web Rapides en Ligne

Créez des images de remplissage personnalisées pour vos designs web. Ajustez la résolution, le fond, le texte et exportez en PNG, WebP ou JPEG en quelques millisecondes.

Utiliser l'outil

Encodeur et Décodeur d'URL en Ligne

Convertissez les caractères spéciaux de n'importe quel lien en format sécurisé (Percent-Encoding) ou restituez-les à leur état original lisible instantanément et localement.

Utiliser l'outil

Suppression de CSS Dupliqué en Ligne. Unifier et Nettoyer les Styles

Outil gratuit pour nettoyer et purger le code CSS dupliqué. Unifie les sélecteurs redondants, respecte la cascade et réduit la taille de vos fichiers instantanément.

Utiliser l'outil

Convertisseur CSS Externe en HTML Inline. Inliner pour Emails

Transformez vos feuilles de style et classes CSS en styles intégrés automatiquement dans votre HTML. Idéal pour les newsletters, les emails transactionnels et la mise en page web sécurisée.

Utiliser l'outil

Calculateur de Spécificité CSS en Ligne. Visualiseur de Poids

Calculez la spécificité et le poids exact de n'importe quel sélecteur CSS. Outil visuel pour comprendre quelle règle CSS gagne la cascade et éviter l'utilisation de !important.

Utiliser l'outil

Générateur d'expressions Cron en ligne. Traducteur et visualiseur

Outil visuel gratuit pour générer des expressions Cron Linux. Traduit * * * * * en langage humain et affiche les 5 prochaines exécutions en temps réel.

Utiliser l'outil

Visualiseur de codes clavier en ligne. KeyCode Inspector

Outil en ligne gratuit pour voir en temps réel le event.key, event.code, event.which et la location de n'importe quelle touche de clavier. Génère des extraits de code JavaScript prêts à l'emploi.

Utiliser l'outil

Calculateur de Coûts LLM. Estimateur de Prix des APIs IA

Outil en ligne gratuit pour estimer le coût des appels aux APIs de modèles de langage. Comparez GPT-4o, Claude, Gemini, Llama et plus avec les vrais prix par million de tokens.

Utiliser l'outil

Échelle de Typographie Musicale. Calculateur d'Échelle Modulaire

Outil en ligne gratuit pour créer des hiérarchies visuelles harmonieuses avec des échelles modulaires basées sur des proportions musicales. Génère des variables CSS prêtes à l'emploi.

Utiliser l'outil

Générateur de Mockups Mobile pour App Store. iPhone et Google Pixel

Créez des présentations professionnelles pour l'App Store et Google Play. Mockups iPhone et Pixel avec arrière-plans personnalisés, mises en page panoramiques et export haute résolution en masse.

Utiliser l'outil

Générateur de Hashes de Sécurité en Ligne

Calculez des hashes MD5, SHA-1, SHA-256 et SHA-512 instantanément. Outil de sécurité gratuit, privé et ultra-rapide pour les développeurs. 100% Côté Client.

Utiliser l'outil

Bibliothèque de Prompts IA

Organisez, étiquetez et sauvegardez vos prompts ChatGPT, Midjourney et Claude en privé. Votre propre banque de prompts dans localStorage.

Utiliser l'outil

Convertisseur de Couleur RGB HEX et HSL

Convertissez des couleurs entre RGB, HEX et HSL instantanément. Générez des harmonies de couleurs et analysez le contraste WCAG. 100% client-side et privé.

Utiliser l'outil

Calculateur de Lisibilité Visuelle WCAG et APCA

Vérifiez le contraste réel de vos designs avec APCA (WCAG 3.0). Analysez l'influence de la graisse et de la taille de la police sur la lisibilité perceptuelle.

Utiliser l'outil

Générateur de Paramètres UTM pour Google Analytics

Créez des liens de suivi précis pour vos campagnes de marketing numérique. Optimisé pour Google Analytics et autres outils d'analyse.

Utiliser l'outil

Nettoyeur de Suivi d'URL: Supprimer UTM, FBCLID et GCLID

Supprimez automatiquement les paramètres de suivi et de publicité de vos URLs. Partagez des liens propres et protégez votre vie privée numérique instantanément.

Utiliser l'outil

Inspecteur de Certificats SSL/TLS en Ligne Afficher les fichiers PEM et CRT

Analysez les fichiers de certificats SSL (.pem, .crt, .der) localement. Vérifiez les dates d'expiration, les émetteurs, les sujets et les empreintes SHA-256 sans que vos données ne quittent votre navigateur.

Utiliser l'outil

Générateur de Security.txt RFC 9116

Créez votre fichier security.txt professionnel pour faciliter la déclaration des vulnérabilités et respecter les normes de sécurité web internationales.

Utiliser l'outil

Calculatrice de Temps de Données Impact de la Vitesse Web

Découvrez combien de temps de vie vos utilisateurs perdent en attendant que votre site se charge sur les connexions 3G, 4G et 5G. Calculez l'impact réel du poids de votre site.

Utiliser l'outil

Convertisseur Excel et CSV en Tableau HTML Générateur de Code

Convertissez vos données Excel ou CSV en tableaux HTML propres et sémantiques instantanément. Outil gratuit pour développeurs et créateurs de contenu.

Utiliser l'outil