Aller au contenu

Optimiseur SVG

Allégez un SVG sans changer son rendu

Un SVG exporté d'Illustrator, d'Inkscape ou de Figma transporte beaucoup de choses qui ne servent pas à l'affichage : commentaires, métadonnées, informations propres à l'éditeur, groupes vides, coordonnées à six décimales. Sur un logo ou une icône, ces octets en trop peuvent représenter une bonne moitié du fichier. Cet outil les retire, arrondit les coordonnées au nombre de décimales choisi et supprime par défaut les scripts qu'un SVG peut contenir. Les deux aperçus, avant et après, permettent de vérifier que le dessin n'a pas bougé. Le fichier est traité dans votre navigateur.

Comparez les deux aperçus avant de remplacer votre fichier : à zéro ou une décimale, un petit dessin peut se déformer. Rien n'est envoyé.

Questions fréquentes

Combien de décimales garder ?

Deux conviennent à presque tous les logos et icônes : la différence ne se voit pas, même agrandie. Descendez à une ou zéro décimale pour une grande illustration dessinée sur une grille large, en comparant les deux aperçus. Un petit pictogramme de 24 unités de côté peut se déformer à zéro décimale.

Pourquoi retirer les scripts d'un SVG ?

Parce qu'un SVG peut contenir du JavaScript, exécuté quand le fichier est ouvert directement dans un navigateur. Un fichier récupéré sur internet n'a aucune raison d'en contenir pour s'afficher, et le retirer ferme cette porte. Décochez l'option seulement pour une animation interactive que vous avez écrite vous-même.

Mon SVG optimisé fonctionne-t-il toujours avec mon CSS ?

Oui. Les identifiants, les classes et la viewBox ne sont jamais modifiés, puisque le style et le positionnement en dépendent. Seuls les groupes sans aucun attribut sont dissous.

Un résultat qui vous paraît faux, une valeur périmée, un cas qui manque ? Signalez-le à contact@topapps.fr

Autres outils Design

Tous les outils Design (29)