Outils › Design

Optimiseur SVG

Réduisez les fichiers SVG issus de Figma, Sketch et Illustrator avec SVGO, comparez avant et après, et conservez les titres pour l’accessibilité.

Déposez un SVGou cliquez pour choisir

Avant 581 o

Après

Source

<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 27.0.0 -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="120px" height="120px" viewBox="0 0 120 120" xml:space="preserve">
  <title>Seed</title>
  <g id="Layer_1"><g>
    <circle fill="#FFD23F" stroke="#2A2238" stroke-width="6.000000" cx="60.000000" cy="60.000000" r="40.000000"/>
    <path fill="none" stroke="#2A2238" stroke-width="6.000000" stroke-linecap="round" d="M 45.000000 60.000000 L 75.000000 60.000000"/>
  </g></g>
</svg>

Comment ça marche

Exécute SVGO, l’optimiseur de référence du secteur, dans votre navigateur.
Les aperçus s’affichent sous forme d’images : les scripts d’un SVG non fiable ne s’exécutent donc jamais.

Questions

Va-t-il abîmer mon icône ?

La précision par défaut de 3 décimales est visuellement sans perte pour les icônes. Baissez-la pour gagner davantage et vérifiez l’aperçu.