Optimiser SVG en ligne — Préréglages SVGO

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

Options

Préréglage

Résultat d’optimisation

Prêt

Collez du SVG et cliquez sur Optimiser pour voir les stats de taille ici.

Entrée SVG

0car.0 B1lignes

SVG optimisé

0car.0 B1lignes

SVGO s’exécute localement après chargement — rien n’est envoyé.

Partager cet outil:

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.

Options

Preset SVGO

Choisissez Safe (risque minimal), Default (équilibre SVGO) ou Aggressive (réduction max — peut altérer le rendu). Le défaut démarre sur Default.

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.

Outils SVG

Prévisualisez, optimisez avec SVGO, exportez en Data URI, redimensionnez, formatez, convertissez en JSX et validez vos SVG — tout dans le navigateur.

Valider SVG

SVG Viewer

Redimensionner SVG

SVG vers Data URI

SVG vers JSX

Découvrez les autres catégories d'outils

Minifier

Réduisez code et assets pour la production — minifiez JS, CSS, HTML, JSON, XML et SVG avant gzip ou déploiement CDN.

Déminifier

Développez du code minifié ou compressé — déminifiez JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML et d'autres formats pour déboguer ou relire.

Conversion

Transformez des données entre JSON, YAML, XML et CSV localement — sans envoi serveur.

Encodage

Encodez ou décodez Base64, composants URL et entités HTML — uniquement côté client.

Sérialisation

Sérialisez et désérialisez des structures PHP à côté de vos flux JSON.

Outils JSON

Validez, formatez, comparez et explorez des payloads JSON — complémentaires aux minificateurs et convertisseurs.

Beautifier

Rendez le code lisible avec une indentation cohérente — beautifiez JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML et plus encore dans votre navigateur.

Préprocesseurs CSS

Compilez SCSS ou LESS en CSS standard dans le navigateur — complétez avec beautify ou minify pour un workflow feuille de style complet.

Outils couleur & CSS

Vérification de contraste WCAG en collage local avec syntaxe couleur CSS moderne — vues paire et matrice, jamais envoyé.

DevOps & Infra

Format/validate/minify HCL, format & lint Dockerfile, validation Compose et .env.

CI/CD

GitHub Actions et GitLab CI — formater le YAML et vérifier la structure des workflows/jobs dans le navigateur.

Logs & observabilité

JSON/NDJSON ligne à ligne et access logs Nginx/Apache — format, filtre, validation et CSV/TSV.

Kubernetes

Manifestes multi-docs, validation structurelle, starters Ingress/Deployment et formatage values Helm.

Réseau / IP

CIDR, sous-réseaux et helpers IPv4/IPv6 — dans le navigateur.

Sécurité & tokens

JWKS, certificats X.509 et scan de secrets — locaux navigateur.

API & schémas

Outils OpenAPI pour formater, valider et analyser vos specs.

Outils HTTP

cURL, messages HTTP, URLs, HAR et Cookie / Set-Cookie collés dans le navigateur — formater et inspecter, jamais envoyé.

Outils SEO / Web

Générez meta tags, Open Graph et Twitter Card localement — aperçus simulés depuis vos saisies, jamais fetch de votre site live.

Utilitaires développeur

Timestamps, UUID, ULID, Nanoid, cron, mots de passe, regex, slugify, bases, casse, diff texte et chmod — tout côté client.

Texte & Markdown

Comptez, générez un sommaire Markdown et nettoyez des listes de lignes — dans le navigateur.

IA & LLM

Comptage de tokens, estimation des coûts et fenêtre de contexte — 100 % local.

Données de test

Valeurs de champs synthétiques pour fixtures et seed DB — d'abord des numéros de téléphone en plages réservées.

Étiquettes code-barres

Dessinez des étiquettes Code 128, EAN-13 et UPC-A dans le navigateur — téléchargement PNG et SVG, pas un lookup GS1.