Optimiser un fichier SVG - le hollandais volant

Un nouvel outil : marre des SVG où les valeurs numériques sont arrondis au nanopixel ? Cet outil est fait pour vous.

Il reprend le code de OMGSVG (sous licence Mit) :

https://github.com/jakearchibald/svgomg/blob/master/README.md
https://jakearchibald.github.io/svgomg/

Le truc est un peu bugué parfois, et j’ai viré quelques trucs de l’outil original, mais il fait son job.

SVGOMG - SVGO's Missing GUI

Un optimiseur de SVG.

Il y a beaucoup d’options.
Sur les icônes SVG, la plus importante source de réduction est la précision des chemins. Vous n’avez qu’à essayer dans l’outil : il est absolument inutile d’avoir des précisions à 10⁻⁶ près. Des précisions à 10⁻² ou même 10⁻¹ suffisent largement.

Si votre icône contient 1000 chemins, donc 1000 fois des nombres façon « 10.123456 » avec 6 chiffres après la virgule, alors passer à 10⁻¹ sur la précision permet de réduire de 5×1000 octets, soit 5 ko. Sur une icône de 20 ko, ça se sent et s’est imperceptible (une icône, même en 512x512 sera rarement zoomé 10 fois…).

image - 1392x1527px

Essayer de comprendre le principe des matrices de couleurs en SVG. Check.

(source : http://alistapart.com/article/finessing-fecolormatrix )

Habituellement ce truc s’utilise avec des filtres pré-conçus pour changer la saturation ou la teinte avec un curseur — comme ici. Perso je code tout dans un éditeur de texte donc j’aime savoir ce que je fais.