onul.works

Optimiseur SVG

Optimisez et minifiez du code SVG, puis vérifiez le résultat nettoyé.

⌘ S’exécute dans le navigateur ◴ Aucune donnée stockée ⌁ Gratuit

Concept

L’optimisation SVG réduit le poids tout en préservant le rendu attendu

Le processus supprime les données inutiles avant publication d’un SVG inline ou téléchargé afin de réduire la charge sans casser la structure.

Elle retire les déclarations XML, commentaires, métadonnées et espaces redondants pour alléger les fichiers avant déploiement.

Pour les sets d’icônes ou d’illustrations réutilisés à grande échelle, cette étape améliore nettement les performances de chargement.

Quand l’utiliser

Conçu pour les jeux d’icônes, boutons SVG, badges et visuels de bannière qui sont distribués dans plusieurs contextes.

Ce qui est nettoyé

Supprime les déclarations XML, doctypes, commentaires et métadonnées, puis compacte les espaces entre éléments, autour du signe égal et les espaces répétés.

Points de validation

Comparez avant/après pour vérifier le viewBox, la forme et les attributs d’accessibilité essentiels (aria-label/role).

Avant la mise en production, vérifiez l’apparence (forme, dimensions, alignement) et la conservation des informations d’accessibilité.

Entrée SVG
SVG optimisé

Mode d’emploi

  1. 1 Collez du code SVG ou faites glisser un fichier SVG dans la zone d’entrée.
  2. 2 Cliquez sur optimiser pour réduire le code inutile.
  3. 3 Vérifiez l’aperçu et la variation de taille, puis copiez ou téléchargez le SVG optimisé.

Cas d’usage courants

  • Suppression des commentaires et métadonnées SVG
  • Compresser du code SVG intégré
  • Aperçu et téléchargement du SVG optimisé

Questions fréquentes

Comment fournir un SVG ?

Collez du code SVG ou déposez un fichier .svg pour remplir la zone d’entrée, puis lancez l’optimisation.

Que réduit l’optimisation ?

Elle supprime les déclarations XML, commentaires, doctype et balises de métadonnées, puis nettoie les espaces afin de raccourcir le code SVG.

Puis-je copier ou télécharger le résultat ?

Oui. Vous pouvez copier le code SVG optimisé ou le télécharger sous le nom optimized.svg, avec un aperçu affiché en plus.

Flux de travail associé

Optimiseur SVGOptimisez d’abord le code SVG afin que la ressource vectorielle soit plus légère pour le web. → Base64 vers imageOuvrez toute image en Base64 pour vérifier les ressources complémentaires du même écran. → Générateur de faviconGénérez des favicons si le logo ou l’icône nettoyé doit aussi servir d’icône de site.