Que retire un optimiseur SVG ?

Selon les réglages, il retire commentaires, métadonnées, groupes inutiles, décimales superflues, définitions inutilisées et scripts, puis simplifie chemins et attributs.

Cet outil utilise-t-il SVGO ?

Oui, SVGO 4 fonctionne dans le navigateur avec comparaison visuelle et mesure du poids.

Pourquoi le gain Gzip est-il différent ?

Les balises et attributs répétés se compressent bien ; les proportions de taille brute et transférée diffèrent donc.

Faut-il raccourcir les identifiants ?

Vérifiez d’abord toutes les dépendances internes et externes pour éviter de casser CSS, animations, filtres ou liens.

Pourquoi conserver le viewBox ?

Il définit le système de coordonnées et permet une mise à l’échelle adaptative fiable.

Le SVG optimisé peut-il être intégré sans risque ?

L’optimisation ne garantit pas la sécurité. L’aperçu retire du contenu actif, mais une sortie non fiable nécessite une politique de sécurité distincte.

Les fichiers sont-ils envoyés ?

Non. Lecture, optimisation, comparaison, copie et téléchargement restent dans le navigateur.

AppHelp

Optimiser et minifier un SVG

Optimisez un SVG localement avec SVGO, réglez la précision et le nettoyage, puis comparez le rendu et les tailles brute et Gzip avant copie ou téléchargement.

Espace d’optimisation SVG

Réglez le nettoyage, comparez le rendu et le code, puis vérifiez les tailles brute et Gzip avant de remplacer l’original.

Optimisation locale

1. Entrée SVG

Ouvrir un SVG

2. Paramètres d’optimisationPrécision numérique: 3

Le viewBox est toujours conservé. Vérifiez CSS, animations et références avant de modifier les identifiants ou la structure.

Tâches courantes

Optimiser et minifier un SVG
SVGO
SVG

Réponse rapide

Optimisez un SVG localement avec SVGO, réglez la précision et le nettoyage, puis comparez le rendu et les tailles brute et Gzip avant copie ou téléchargement.

Mode d'emploi

1. Coller ou ouvrir le SVGCollez le code ou choisissez un fichier de moins de 2 MB. L’exemple comprend métadonnées, identifiants, dégradés, groupes et décimales.
2. Choisir les réglagesCommencez par les commentaires, métadonnées, groupes, tri des attributs, plusieurs passes et une précision modérée. Modifiez identifiants et dimensions après vérification du contexte.
3. Comparer le rendu, le code et le poidsAlternez entre original et résultat, puis examinez le code, les octets bruts et la taille Gzip.
4. Tester et exporterLisez les avertissements, testez CSS, animations, sprites et accessibilité dans leur contexte réel, puis copiez ou téléchargez.

Exemples

Icône issue d’un logiciel de dessin

Entrée

SVG avec métadonnées, commentaires, groupes imbriqués, longues décimales et identifiants

Sortie

SVG compact avec viewBox conservé et aperçu comparable

SVG intégré adaptatif

Entrée

SVG contenant width, height et viewBox

Sortie

Suppression facultative des dimensions avec viewBox conservé ; vérifiez d’abord les tailles CSS.

Cas d'utilisation courants

Alléger les icônes et illustrations avant publication
Nettoyer le SVG copié d’un logiciel de dessin
Comparer les gains bruts et Gzip
Préparer des SVG intégrés adaptatifs avec viewBox
Examiner les contenus actifs, externes ou matriciels

Cas limites

L’optimisation n’est pas un nettoyage de sécurité. Traitez un SVG non fiable comme du contenu actif et appliquez une politique indépendante avant intégration.
Modifier les identifiants peut casser CSS, animations, dégradés, masques, filtres, fragments, scripts et références externes.
Une précision trop basse peut déformer les petites icônes, chemins complexes, cartes ou dessins techniques.
Retirer width et height change les dimensions intrinsèques ; testez viewBox et mise en page CSS.
Les images matricielles, polices et ressources externes peuvent dominer le poids transféré.
HTTP utilise souvent Gzip ou Brotli ; réduire la taille brute ne réduit pas forcément le transfert dans les mêmes proportions.

Fonctionnalités

SVGO 4 dans le navigateur avec plusieurs passes et précision réglable
Comparaison de l’image et du code avant et après
Octets bruts, pourcentage économisé et taille Gzip
Options pour commentaires, métadonnées, groupes, attributs, identifiants, dimensions et scripts
Conservation du viewBox pour l’intégration adaptative
Aperçu sécurisé retirant le contenu actif et externe sans masquer le fichier téléchargeable
Copie et téléchargement SVG sans compte ni envoi du fichier

Outils associés

Convertir SVG en PNG Convertir SVG en React JSX Compression d’images

Questions fréquentes

Que retire un optimiseur SVG ?: Selon les réglages, il retire commentaires, métadonnées, groupes inutiles, décimales superflues, définitions inutilisées et scripts, puis simplifie chemins et attributs.
Cet outil utilise-t-il SVGO ?: Oui, SVGO 4 fonctionne dans le navigateur avec comparaison visuelle et mesure du poids.
Pourquoi le gain Gzip est-il différent ?: Les balises et attributs répétés se compressent bien ; les proportions de taille brute et transférée diffèrent donc.
Faut-il raccourcir les identifiants ?: Vérifiez d’abord toutes les dépendances internes et externes pour éviter de casser CSS, animations, filtres ou liens.
Pourquoi conserver le viewBox ?: Il définit le système de coordonnées et permet une mise à l’échelle adaptative fiable.
Le SVG optimisé peut-il être intégré sans risque ?: L’optimisation ne garantit pas la sécurité. L’aperçu retire du contenu actif, mais une sortie non fiable nécessite une politique de sécurité distincte.
Les fichiers sont-ils envoyés ?: Non. Lecture, optimisation, comparaison, copie et téléchargement restent dans le navigateur.