Optimiser SVG en ligne — Préréglages SVGO

Optimisation SVGO (safe, default, aggressive) au-delà du minify rapide — traitement 100 % local.

Chargement…

Optimiseur SVG — guide SVGO

Optimisation SVGO avancée au-delà du minify regex rapide. Choisissez safe, équilibré ou agressif — tout reste dans le navigateur.

Notes développeur

• SVGO se charge à la demande (~780 KB) uniquement ici — pas sur minify-svg. • Safe préserve chemins et IDs ; aggressive peut fusionner les paths. • Entrée limitée à 512 Ko pour garder l’onglet réactif. • Pour un minify rapide sans SVGO, utilisez minify-svg.

Quand utiliser cet outil

• Réduire des exports Figma/Illustrator avant mise en prod. • Comparer safe vs aggressive sur des illustrations marketing. • Préparer des icônes tout en gardant title/desc. • Tester un fichier à la fois sans CLI.

Exemples

Badge marketing avec métadonnées

Entrée

<svg xmlns="http://www.w3.org/2000/svg" width="240" height="72" viewBox="0 0 240 72" class="promo-badge" role="img" aria-labelledby="badge-title badge-desc">
  <title id="badge-title">Badge livraison rapide</title>
  <desc id="badge-desc">Badge arrondi avec icône éclair et fond en dégradé.</desc>
  <defs>
    <linearGradient id="badgeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#f97316"/>
      <stop offset="100%" stop-color="#fb923c"/>
    </linearGradient>
    <clipPath id="badgeClip">
      <rect x="0" y="0" width="240" height="72" rx="18" ry="18"/>
    </clipPath>
  </defs>
  <g clip-path="url(#badgeClip)">
    <rect width="240" height="72" fill="url(#badgeGradient)"/>
    <g transform="translate(20 16)">
      <circle cx="20" cy="20" r="20" fill="#0f172a" fill-opacity="0.14"/>
      <path fill="#fff" d="M24 4 11 22h9l-4 14 13-18h-9z"/>
    </g>
    <g font-family="Inter, Arial, sans-serif" fill="#fff">
      <text x="76" y="31" font-size="18" font-weight="700">FastMinify</text>
      <text x="76" y="49" font-size="12" fill-opacity="0.92">SVG optimisé prêt à intégrer</text>
    </g>
  </g>
</svg>

Sortie

<svg xmlns="http://www.w3.org/2000/svg" width="240" height="72" viewBox="0 0 240 72" class="promo-badge" role="img" aria-labelledby="badge-title badge-desc"><title id="badge-title">Badge livraison rapide</title><desc id="badge-desc">Badge arrondi avec icône éclair et fond en dégradé.</desc><defs><linearGradient id="badgeGradient" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#f97316"/><stop offset="100%" stop-color="#fb923c"/></linearGradient><clipPath id="badgeClip"><rect x="0" y="0" width="240" height="72" rx="18" ry="18"/></clipPath></defs><g clip-path="url(#badgeClip)"><rect width="240" height="72" fill="url(#badgeGradient)"/><g transform="translate(20 16)"><circle cx="20" cy="20" r="20" fill="#0f172a" fill-opacity="0.14"/><path fill="#fff" d="M24 4 11 22h9l-4 14 13-18h-9z"/></g><g font-family="Inter, Arial, sans-serif" fill="#fff"><text x="76" y="31" font-size="18" font-weight="700">FastMinify</text><text x="76" y="49" font-size="12" fill-opacity="0.92">SVG optimisé prêt à intégrer</text></g></g></svg>

Gain preset default

Entrée

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
  <title>Star</title>
  <path fill="currentColor" d="M12 2l3 7h7l-5.5 4 2 7L12 17l-6.5 3 2-7L2 9h7z"/>
</svg>

Sortie

SVG plus léger après suppression des commentaires et espaces par SVGO.

Outils SVG associés

Minify rapide sans SVGO ? minify SVG. Passez en React via SVG vers JSX ou le hub SVG.

FAQ optimiseur SVG

Préréglages SVGO dans le navigateur

minify-svg ou optimize-svg ?

Utilisez minify-svg pour un minify regex instantané. optimize-svg pour le nettoyage SVGO avec préréglages.

Quel préréglage choisir ?

Safe pour les icônes avec IDs, default pour la prod, aggressive quand la taille prime sur la fidélité des paths.

Mon SVG est-il envoyé ?

Jamais — SVGO s’exécute localement après chargement de la lib.

Gros fichiers ?

Au-delà de 512 Ko, un message clair s’affiche pour protéger la mémoire du navigateur.

Autres outils SVG

Minifier SVGOptimiser SVGSVG Viewer SVG vers Data URI Beautifier SVG Déminifier SVG SVG vers JSX Redimensionner SVG Valider SVG

Convertisseurs, encodeurs, formateurs et minificateurs au même endroit ? Outils développeurs Ouvrez le catalogue des outils développeurs.

Outils SVG

SVG vers Data URI

Déminifier SVG

Redimensionner SVG

Voir tout

Outils SVG

SVG vers Data URI

Redimensionner SVG

Minifier

Beautifier

Beautifier JSON

Beautifier HTML

Déminifier

Déminifier CSS

Déminifier JSON

Déminifier HTML

Encodage

Outils JSON

Validateur JSON

Sérialisation

PHP Unserialize