Réduisez le poids de vos SVG en nettoyant le code, minifiant les fichiers et conservant une prévisualisation avant téléchargement.Présentation de l’outilDétailsRéduire
Réduisez le poids de vos SVG en nettoyant le code, minifiant les fichiers et conservant une prévisualisation avant téléchargement.
Optimisation avec SVGO
Réduisez le poids de votre SVG.
Envoyez un SVG de 1 Mo maximum pour l'optimiser sur le serveur, puis vérifiez l'aperçu avant de le télécharger.
Vérifiez le résultat avant téléchargement
Dossier Ingénierie Front-End & FCP
Réduire le poids d'un SVG avec SVGO
L'optimisation s'effectue sur le serveur : le contenu est nettoyé, traité avec SVGO, puis nettoyé à nouveau. L'outil affiche les poids avant et après et un aperçu du SVG optimisé. Le gain dépend du fichier : un SVG déjà compact peut peu changer.
Un exemple de réduction mesurée
Sur un exemple de carré rouge avec un commentaire, des métadonnées et des décimales inutiles :
- Avant : 284 octets de SVG, comprenant les éléments d'export.
- Après : 106 octets avec l'option de suppression des dimensions activée, soit environ 62,7 % de moins sur cet exemple.
- Limite : ce résultat illustratif ne prédit pas le gain de votre fichier. Comparez aussi son apparence et son comportement.
Dimensions et contenu à vérifier
- Dimensions : l'option dédiée retire
widthetheightavec SVGO. LeviewBoxdécrit les coordonnées du dessin ; définissez ensuite la taille d'affichage dans la page qui l'utilise. - Contenu actif : le nettoyage retire notamment scripts, gestionnaires d'événements et certaines références externes. Un SVG interactif ou dépendant de ressources externes peut donc changer ; conservez votre original et contrôlez le résultat.
Pour créer ensuite une icône de site à partir de votre image, ouvrez le générateur de favicon. Consultez la documentation de SVGO pour le fonctionnement de l'optimiseur.
