Outil d'optimisation SVG


                

Description de l'outil

SVG (Scalable Vector Graphics) est un format de graphiques vectoriels basé sur XML largement utilisé dans le développement web. Cependant, les fichiers SVG exportés depuis des logiciels de conception (comme Adobe Illustrator, Sketch) contiennent souvent beaucoup d'informations redondantes, telles que les métadonnées de l'éditeur, les commentaires, les groupes vides et les attributs par défaut.

Outil d'optimisation SVG vise à vous aider à supprimer ces codes inutiles, réduisant ainsi significativement la taille du fichier et améliorant la vitesse de chargement et les performances de la page web.

Fonctionnalités principales:

  • Comparaison de code en temps réel: Votre code SVG sera immédiatement comparé entre 'avant optimisation' et 'après optimisation' dans les colonnes gauche et droite après collage.
  • Analyse de la taille du fichier: Affiche en temps réel la taille (KB) du fichier original et du fichier optimisé, ainsi que le pourcentage de réduction.
  • Sécurité et aperçu: Le processus d'optimisation s'effectue localement dans le navigateur sans télécharger de fichiers. La fonction d'aperçu à droite peut garantir que l'effet de rendu du SVG optimisé est complètement cohérent avec le fichier original.

Que supprime-t-il ?

  • Métadonnées de l'éditeur(e.g., `illustrator` Balise)
  • Commentaires (<!-- ... -->) et groupes vides (<g></g>)
  • Attributs inutiles, comme ceux par défaut `fill="black"`
  • Optimiser les données de chemin, simplifier les longues chaînes de coordonnées

Avis Important

Dans certains cas rares, une optimisation excessive peut affecter le rendu du SVG. Utilisez toujours la fonction d'aperçu pour vous assurer que l'effet final correspond à vos attentes.