Mode d’emploi
- Cliquez sur « Charger le SVG d'exemple » pour inspecter un export de conception encombré, ou déposez votre propre fichier
.svgdans l'outil. - Vous pouvez également coller le balisage
<svg>brut copié depuis Figma, Illustrator, Sketch ou une base de code. - Choisissez « Standard » pour une optimisation par défaut plus sûre. Basculez sur « Agressif » lorsque vous souhaitez réduire au maximum la taille du fichier.
- Examinez la « Taille d'origine », la « Taille optimisée » et l'« Espace économisé », puis vérifiez la prévisualisation pour détecter d'éventuels changements visuels.
- Cliquez sur « Copier le code SVG » pour l'HTML, React ou les composants d'icônes, ou cliquez sur « Télécharger le SVG » pour enregistrer le fichier optimisé.
Exemple : collez une icône de marque exportée d'un outil de conception, validez le pourcentage économisé et la prévisualisation, puis copiez le SVG inline minifié pour une barre de navigation de site web ou une icône de bouton.
Fonctionnalités principales
- Compression SVG alimentée par SVGO : exécutez SVGO dans le navigateur pour supprimer les métadonnées, les groupes vides et les attributs compressibles du balisage vectoriel.
- Nettoyage des exports Figma et Illustrator : transformez le code SVG verbeux des outils de conception en un code d'icône plus propre et plus facile à intégrer.
- Comparaison instantanée des tailles : vérifiez la taille d'origine, la taille optimisée et le pourcentage d'espace économisé avant de remplacer une ressource.
- Copie du code ou téléchargement : copiez le balisage
<svg>optimisé pour l'insérer directement dans le code HTML ou dans des composants, ou téléchargez un nouveau fichier.svg. - Traitement local pour les ressources privées : la lecture des fichiers, l'optimisation par SVGO, la prévisualisation, la copie et le téléchargement se font tous au sein de votre navigateur.
Outils associés
Le calculateur de retraite FIRE 2026 ajusté à l'inflation. Simulez votre pouvoir d'achat réel, évaluez vos écarts d'épargne et générez votre feuille de route. Export CSV en un clic. 100 % confidentiel.
Calculez la taille de votre position de trading selon votre capital, votre risque %, votre entrée et votre stop-loss. Fonctionne localement dans le navigateur pour simuler vos risques avant de trader.
Calculez vos intérêts composés à partir du capital initial, des versements périodiques, de l'APY et de la durée. Visualisez la part du capital et des intérêts sur un graphique interactif local.
Utilisez ce calculateur de prêt / crédit immobilier pour estimer vos mensualités, le total des intérêts et générer un tableau d'amortissement local. Saisissez le montant, le taux et la durée pour simuler immédiatement.
Utilisez ce calculateur d'investissement / ROI pour estimer localement votre capital de départ, vos versements mensuels, votre rendement annuel et vos résultats ajustés à l'inflation. Visualisez vos gains avec un graphique interactif.
Utilisez ce calculateur d'APR en APY pour convertir localement vos taux APR et APY. Saisissez un taux, choisissez la fréquence de capitalisation et obtenez instantanément le taux d'intérêt effectif, l'écart et un tableau comparatif.
Utilisez ce calculateur de marge commerciale pour estimer localement votre bénéfice brut, taux de marge, taux de marque (markup) et prix de vente. Saisissez vos coûts et marges cibles pour calculer instantanément.
Utilisez ce calculateur de CPM et de CPC pour estimer localement vos dépenses publicitaires, impressions, clics, CPM, CPC et CTR. Saisissez votre budget et vos coûts cibles pour planifier vos campagnes.
Logique de calcul
L'optimisation SVG ne pixellise pas l'image. Elle nettoie le balisage vectoriel basé sur XML. Cet outil exécute SVGO directement dans le navigateur pour supprimer les métadonnées de l'éditeur, fusionner les groupes inutiles, supprimer les attributs vides, compresser les chemins et arrondir les coordonnées.
Le mode « Standard » est le choix par défaut le plus sûr pour la plupart des icônes et des illustrations. Le mode « Agressif » active l'optimisation multipasse et une précision numérique plus courte, ce qui peut réduire davantage la taille mais peut légèrement altérer les chemins extrêmement complexes. Le résultat reste un SVG vectoriel modifiable que vous pouvez copier ou télécharger.
FAQ
Comment réduire la taille d'un fichier SVG ?
Supprimez les métadonnées de l'outil de conception, les groupes vides, les attributs redondants et les données de chemin compressibles. Cet outil exécute ces optimisations SVGO dans votre navigateur et affiche le pourcentage d'espace économisé.
Comment puis-je nettoyer le code SVG exporté de Figma ?
Déposez le fichier .svg exporté dans l'outil, ou collez le balisage <svg> brut. Commencez par le mode « Standard », vérifiez la prévisualisation, puis copiez ou téléchargez le résultat optimisé.
Est-ce que la compression d'un SVG en réduit la qualité ?
Généralement non. Le SVG est un balisage vectoriel, et SVGO supprime principalement les métadonnées invisibles et les structures redondantes. Les chemins très complexes peuvent légèrement bouger en mode « Agressif », vérifiez donc la prévisualisation avant de remplacer vos fichiers en production.
Cet outil transfère-t-il mes icônes ou illustrations ?
Non. La lecture du fichier, l'optimisation SVGO, la prévisualisation, la copie et le téléchargement s'effectuent tous localement dans votre navigateur.
Puis-je utiliser le SVG optimisé directement en ligne dans l'HTML ?
Oui. « Copier le code SVG » copie l'intégralité du balisage <svg> pour l'HTML inline, les composants React ou les systèmes d'icônes.
Peut-il convertir du PNG ou du JPG en SVG ?
Non. Cet outil optimise uniquement le code vectoriel SVG existant ; il ne vectorise pas les images matricielles.