Optimiseur SVG

Optimiser des fichiers SVG pour réduire leur taille

Les fichiers ne quittent pas votre appareil
S’exécute dans le navigateur
Gratuit, sans compte, sans filigrane

Drop SVG files here, or click to choose

Accepte SVG, SVGZ · Vous pouvez aussi coller avec Ctrl+V / ⌘V

Or paste SVG code

Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.

Comment utiliser Optimiseur SVG

Réduisez des fichiers SVG avec SVGO sans quitter votre navigateur. Choisissez le préréglage Défaut, Sûr ou Maximum, ou activez des plugins un par un, vérifiez un écart de pixels par rapport à l'original, et exportez le résultat en SVG, en URI de données ou en composant React.

1
Déposez des fichiers SVG ou SVGZ sur la page, ou collez du code SVG ; Exemple charge un exemple.
2
Sous Optimisation, choisissez Défaut, Sûr ou Maximum, et ajustez la Précision des nombres, Multipasse et Mise en forme.
3
Facultatif : ouvrez les groupes de Plugins pour activer ou désactiver des plugins SVGO individuels ; Réinitialiser revient à Défaut.
4
Comparez le résultat Côte à côte, avec le Curseur, ou sous Différences, où les pixels changés apparaissent en rouge.
5
Choisissez l'onglet SVG, URI de données ou React, puis cliquez sur Télécharger le SVG ou Télécharger .jsx ; pour plusieurs fichiers, utilisez Tout télécharger (ZIP).

Questions fréquentes

Mes SVG sont-ils téléversés ?

Non. SVGO s'exécute dans un worker d'arrière-plan de votre navigateur, les fichiers ne quittent donc jamais votre appareil.

L'optimisation changera-t-elle l'aspect de mon SVG ?

Le préréglage Défaut vise le même aspect. Différences rend les deux versions et indique la part de pixels changés, ou Aspect identique. Une Précision des nombres très basse peut déformer les détails fins.

Quel préréglage convient à un SVG animé ou scripté ?

Sûr. Il laisse la structure, les identifiants et les formes tranquilles, les sélecteurs CSS et les scripts trouvent donc encore leurs éléments.

Pourquoi Maximum a-t-il retiré width et height ?

Maximum retire aussi les titres, les dimensions et les scripts, ce qui convient aux icônes utilisées via CSS ou img ; le SVG s'adapte alors à son conteneur. Décochez removeDimensions sous Intégration web pour conserver la taille.

Dois-je utiliser une URI de données Base64 ou encodée en URL ?

Laissez Base64 désactivé dans la plupart des cas : l'URI encodée en URL est en général plus courte et se compresse mieux en gzip. Activez-le seulement lorsqu'un outil attend du Base64.

Comment fonctionne l'export React ?

L'onglet React enveloppe le SVG optimisé dans un composant JSX nommé d'après le fichier, avec des attributs réécrits pour JSX et les props transmises à l'élément svg. Télécharger .jsx l'enregistre.