主に技術的なことを書くブログ

浅めにマークアップ&フロントエンドの技術的なことをメモしていましたが、ざっくばらんに書いています。

svg をまとめて圧縮したいとき

svgillustrator から書き出しただけだと、けっこう無駄なタグがはいってるので最適化しておきたい。

jpg や png とかは Webサイトで一括でできるやつとかがあって、わりと手軽やけど、

svgをまとめてガッとやりたいときは svgo が便利。

github.com

svgo -f ../path/to/folder/with/svg/圧縮前 -o ../path/to/folder/with/svg/圧縮後

と打つと

Processing directory '/path/to/folder/with/svg/圧縮前':

xxxxx_xxx.svg:
Done in 113 ms!
0.629 KiB - 11.8% = 0.555 KiB

xxxxx_xxx.svg:
Done in 186 ms!
3.333 KiB - 13.6% = 2.881 KiB

xxxxxxx_icon.svg:
Done in 52 ms!
0.562 KiB - 0.7% = 0.558 KiB

xxxxx_xxxxx.svg:
Done in 80 ms!
8.046 KiB - 26% = 5.956 KiB

xx_xxxxxxx.svg:
Done in 44 ms!
0.833 KiB - 14.4% = 0.713 KiB

xxxxxxx_xxxxx.svg:
Done in 9 ms!
0.405 KiB - 1.7% = 0.398 KiB

となる