Optimiser SVG en ligne — Préréglages SVGO
Optimisez un SVG en profondeur avec les préréglages SVGO safe, default ou aggressive. Cela va au-delà de la minification rapide, et tout le traitement reste local.
Notes développeur
SVGO se charge à la demande (~780 Ko), uniquement sur cette page et 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 retirer rapidement les espaces sans SVGO, utilisez minify-svg.
Options
- Preset SVGO
- Safe limite le risque, Default est le réglage SVGO équilibré et Aggressive réduit le plus la taille, mais peut altérer le rendu. Le réglage initial est Default.
Quand utiliser cet outil
Réduire des exports Figma ou Illustrator avant la mise en production. Comparer les résultats safe et aggressive sur des illustrations marketing. Préparer des candidats de sprite en gardant title et desc pour l’accessibilité. Tester un fichier à la fois, sans CLI.
Exemples
Badge marketing avec métadonnées
Entrée
Sortie
Gain avec le préréglage default
Entrée
Sortie
Outils SVG associés
Besoin d’un minify rapide sans SVGO ? Utilisez minify SVG. Obtenez du React via SVG vers JSX ou le hub SVG.
FAQ de l’optimiseur SVG
Préréglages SVGO dans le navigateur
minify-svg ou optimize-svg ?
Utilisez minify-svg pour retirer les espaces par regex. Utilisez optimize-svg pour le nettoyage des chemins avec SVGO et un niveau réglé par préréglage.
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 chemins.
Mon SVG est-il envoyé ?
Non. SVGO s’exécute localement une fois la bibliothèque chargée.
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.
- 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.