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
Vous rencontrez des problèmes avec des annotations floues ? EasyTools propose un tampon universel prenant en charge la mise à l'échelle SVG sans perte et l'exportation WebP de haute qualité. Préservez la transparence et exportez les données JSON localement.
Transformez une photo en modèle modifiable avec palettes de référence, comptage des perles et exports PNG, CSV et PDF 1:1. Traitement local dans le navigateur.
Redimensionnez vos images selon des pixels exacts ou des préréglages courants dans votre navigateur. Verrouillez le rapport d'aspect, prévisualisez les dimensions de sortie et téléchargez le résultat sans aucun transfert.
Convertissez des images WebP, JPG, PNG et d'autres formats localement dans votre navigateur. Glissez-déposez par lots, prévisualisez, ajustez la qualité et téléchargez sans transfert ni limite artificielle de taille de fichier.
Convertissez des images PNG, JPG ou WebP en un favicon ICO multi-taille. Alimenté par Canvas, côté client, gratuit et prêt à être téléchargé sans aucun transfert.
Convertissez des fichiers SVG en images PNG transparentes. Glissez-déposez des fichiers par lots, choisissez une mise à l'échelle 1x/2x/4x/8x et restituez tout localement dans votre navigateur.
Convertissez des photos HEIC d'iPhone en JPG instantanément dans votre navigateur. 100 % privé, conversions par lots illimitées, aucune limite de taille de fichier. Tout le traitement est local.
Convertissez des fichiers Adobe Illustrator (.ai) au format PDF, JPG ou PNG directement dans votre navigateur. Conversion 100 % locale et axée sur la confidentialité, sans limite de taille de fichier ni transfert sur serveur.
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.