Optimiseur SVG
SVG Optimizer allège le code d'une image vectorielle dans votre navigateur : collez le balisage ou déposez un fichier .svg, choisissez quelques options claires, puis cliquez sur Optimiser le SVG.
Ou déposez un fichier .svg ici (2 Mo maximum)
Jusqu'à 2 Mo. Le fichier est chargé dans l'éditeur et traité dans votre navigateur.
Comment l'utiliser
- Collez votre balisage SVG dans l'éditeur, ou déposez un fichier .svg (jusqu'à 2 Mo)
- Passez en revue les options — commentaires, métadonnées et arrondi des nombres sont activés par défaut ; le retrait de width/height et la sortie indentée sont désactivés
- Cliquez sur Optimiser le SVG et lisez la taille d'origine, la taille optimisée et l'économie en octets et en pourcentage
- Comparez les aperçus avant et après, puis copiez le balisage optimisé ou téléchargez le fichier .svg
L'outil analyse le fichier avec l'analyseur XML du navigateur et, par défaut, retire les commentaires, les métadonnées d'éditeur comme les données Inkscape, Sodipodi et Adobe, ainsi que les espaces entre les éléments, et arrondit les nombres des chemins et coordonnées à trois décimales ; des options permettent de retirer width et height tout en gardant viewBox, ou d'indenter la sortie. viewBox n'est jamais retiré, et les éléments script, les gestionnaires d'évènement on* et les liens javascript: sont toujours supprimés. L'outil affiche la taille d'origine et la taille optimisée en octets ainsi que l'économie en octets et en pourcentage, et l'indique honnêtement, y compris quand la sortie n'est pas plus petite. Deux aperçus isolés affichent l'avant et l'après via une balise image pour que vous les compariez ; les images et liens externes sont listés en avertissement et ne sont jamais chargés par l'aperçu. Copiez le balisage optimisé ou téléchargez-le sous le nom nom-d-origine-optimized.svg. Ce n'est ni un formateur XML, ni un convertisseur d'image, ni un redimensionneur d'image : il réécrit le code SVG pour le rendre plus petit pendant que vous vérifiez le rendu. Une optimisation peut produire un SVG valide au rendu légèrement différent : comparez les aperçus avant de publier. Tout s'exécute sur votre appareil ; rien de ce que vous collez ou envoyez n'est transmis.
FAQ
Par défaut, elle retire les commentaires XML, les métadonnées et les données propres aux éditeurs Inkscape, Sodipodi ou Adobe, ainsi que les espaces entre les éléments, et elle arrondit les nombres des chemins et coordonnées à trois décimales. Elle retire toujours les éléments script, les gestionnaires d'évènement on* et les liens javascript:. Tout le reste est conservé.
Oui, c'est possible. L'arrondi des nombres décale les coordonnées de moins d'une unité arrondie, et retirer width et height change la taille du fichier quand il est utilisé sans CSS. La structure, les couleurs, les dégradés et les filtres sont conservés, mais comparez les aperçus avant et après avant d'utiliser le résultat.
Oui, toujours. Aucune option ne retire viewBox, car le supprimer casse la mise à l'échelle responsive d'un SVG. L'option de retrait de width et height ne s'applique que si un viewBox est présent comme repli.
Les références vers des URL http, https ou protocol-relative dans image, use, url() ou le CSS sont détectées et listées en avertissement. Les deux aperçus sont isolés et ne les chargent jamais. Le fichier optimisé conserve ces références sauf si vous les retirez vous-même.
Non. L'analyse, l'optimisation, les aperçus isolés et le téléchargement se font entièrement dans votre navigateur avec ses outils XML et de nettoyage intégrés. Rien de ce que vous collez ou envoyez n'est transmis à Tooliba ni à un service tiers, et les statistiques n'enregistrent que le fait que l'outil a été utilisé.