Aperçu et optimiseur SVG
Collez du code SVG ou ouvrez un fichier pour le voir rendu, puis supprimez ce que laissent les outils de conception — commentaires, espaces de noms d’éditeur, métadonnées et espaces superflus.
Fonctionne entièrement dans votre navigateur. Vos saisies et vos fichiers ne sont envoyés à aucun serveur.
Mode d’emploi
- Collez du balisage SVG ou choisissez un fichier .svg.
- Sélectionnez les options de nettoyage. L’arrondi des nombres apporte le plus gros gain mais peut décaler de petits détails.
- Comparez l’aperçu et le gain de taille.
- Copiez le code optimisé ou téléchargez-le.
Exemples
Supprimer les métadonnées d’éditeur et les espaces réduit souvent de 30 à 60 % le poids des icônes exportées.
Activez « Supprimer la déclaration XML » — elle est inutile quand le SVG est intégré dans le HTML.
Confidentialité
Fonctionne entièrement dans votre navigateur. Vos saisies et vos fichiers ne sont envoyés à aucun serveur. Consultez la politique de confidentialité pour savoir ce qui est enregistré dans votre navigateur (favoris et historique uniquement). Politique de confidentialité
Vérifiez par vous-même : ouvrez les outils de développement du navigateur, sélectionnez l’onglet Réseau (Network) et utilisez l’outil. Votre fichier n’apparaît dans aucune requête d’envoi. Une fois cette page enregistrée pour une utilisation hors ligne, vous pouvez aussi vous déconnecter d’Internet et continuer à travailler. Les publicités et les statistiques de visite anonymes, lorsqu’elles sont activées, envoient leurs propres requêtes, mais ne reçoivent jamais vos fichiers ni vos textes.
Questions fréquentes
L’aperçu est-il sûr pour des SVG non fiables ?
L’aperçu est rendu sous forme d’image, ce qui empêche l’exécution des scripts contenus dans le SVG.
Comment cela se compare-t-il à SVGO ?
Il s’agit d’un nettoyage plus léger et prudent. SVGO effectue des optimisations de tracés plus poussées ; utilisez-le dans une chaîne de build si vous avez besoin d’une compression maximale.