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.

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…).

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.