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.

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.

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.

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.

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.

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 JSON

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

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.

Encodage

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

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.

Sérialisation

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