Entrée
Préparation de votre espace de travail…
Mode d’emploi
- Collez du SVG ou ouvrez un fichier SVG UTF-8.
- Choisissez Optimiser le SVG et comparez aperçu et tailles.
- Téléchargez le SVG ou dépliez Résultat pour lire et copier le code.
Optimiser du balisage vectoriel
Un SVG peut contenir métadonnées d’éditeur et instructions longues en plus des formes visibles. L’optimisation réécrit le balisage pour retirer des octets inutiles.
L’outil utilise SVGO avec trois décimales pour les coordonnées et conserve viewBox et ID. Gardez la source pour comparer le résultat dans son contexte final.
Ce qui peut changer
Métadonnées et instructions peuvent être supprimées ou simplifiées. L’arrondi à trois décimales peut modifier légèrement la géométrie, surtout sur des dessins très petits ou fortement agrandis.
viewBox permet une taille adaptable ; les ID peuvent être référencés par des formes, styles ou du code environnant. Cette configuration les conserve au lieu de les raccourcir ou supprimer.
<svg viewBox="0 0 10 10"><metadata>demo</metadata><path d="M0 0 L10 10"/></svg><svg viewBox="0 0 10 10"><path d="m0 0 10 10"/></svg>Comparaison abrégée montrant retrait des métadonnées et chemin compact. La sortie téléchargée comprend aussi l’espace de noms SVG.
Aperçu et intégration
Le résultat est chargé comme image isolée, pas inséré comme balisage actif. Son comportement peut différer d’un SVG intégré en ligne.
Optimiser ne signifie pas nettoyer. Examinez les SVG non fiables avant intégration et testez les styles, références et comportements liés au document.
Examiner et enregistrer
Télécharger enregistre optimized.svg. Dépliez Résultat pour accéder au code et à Copier ; moins d’octets ne prouve pas une équivalence visuelle.
PNG, JPEG et WebP fixes : 20 MiB, 24 mégapixels et 8192 pixels par côté. Base64 : 2 MiB. SVG : 1 MiB. Inspection de fichiers : 1 GiB, avec lecture des 256 premiers octets uniquement. La prise en charge des codecs varie selon le navigateur. Aucun fichier n'est téléversé.
Questions fréquentes
Le SVG optimisé est-il sûr à intégrer en ligne ?
L’optimisation ne nettoie pas la source. Vérifiez éléments, attributs, URL et styles non fiables avant intégration.
viewBox et les ID sont-ils conservés ?
Oui. D’autres parties peuvent être réécrites ; testez références et styles dans le document final.
L’optimisation peut-elle modifier l’image ?
Arrondis et réécritures peuvent changer le rendu. Comparez l’aperçu et testez le fichier à sa destination.
Pourquoi l’aperçu diffère-t-il de ma page ?
Une image isolée ne partage ni CSS environnant ni comportement SVG en ligne. Le contexte et les références du document peuvent compter.
Où se trouve Copier ?
Après optimisation, dépliez Résultat sous l’aperçu pour trouver le code SVG et Copier. Télécharger le SVG est disponible au-dessus de l’aperçu.