Advent Calendar 3日目:SVG画像を1キロバイトでも削るダイエット術！ - 聴く耳を持たない(片方しか)

これは GraphicalWeb (CSS, SVG, WebGL etc) Advent Calendar 2012 - Adventar への参加の記事です。 3日目の今日は私 id:rikuo がSVG画像ファイルの軽量化テクニックを取り上げてみます。 ちょっと長くなってしまったので、ご注意ください。 はじめに、SVGとは？ まず始めに、SVGとは何か？の簡単な説明です。 SVGとはScalable Vector Graphics（スケーラブルベクターグラフィックス）の略で、XMLを基盤に書かれた画像記述言語、またはベクター画像ファイルのことです。画像ファイルというと、JPEG、GIF、PNGまたBMPなどはよく知られていますね。それらの画像はピクセル（ドット）ごとに色を表現したもので、総じてラスター（ビットマップ）画像と呼ばれています。 対してSVGは座標や図形で扱うため、拡大・縮

[applision]

これはすばらしい記事を見つけました！メモメモ

[torimoku]

SVGイラストを軽くするには？　圧縮ツールからイラレ設定まで

[deuxlis]

やっと分かった.svg

[halohalolin]

IE8以下、Android OS 3.x以前を見捨ててよいなら、ベクターで描くSVGを用いることで容量が削減できるかも。しかしIllustratorでSVG出力するとファイルサイズの無駄がある、その改善方法。

[kool_kreate]

容量削減方法とかツール

[chalcedony_htn]

SVGを書き出すときの設定と書き出した後の軽量化について。単なるTipsというより構造解説みたいになってる。Illustratorでの書き出し設定の解説あり

[itouhiro]

これは細かく検証してあって参考になる

[mainyaa]

予想以上に詳しくてびびった。これは素晴らしい

[teppeis]

すげー。

[iR3]

ふむふむ

[efcl]

SVG軽量化Tips

[actywave]

良い内容w

[monyurin]

svg