Advent Calendar 3日目:SVG画像を1バイトでも削るためのコードゴルフ - 聴く耳を持たない(片方しか)

このエントリーはGraphical Web Advent Calendar 2013 への参加記事です。 今日は12月3日、ということで Advent Calendar の3日目は私id:rikuoが担当します。今回はSVG画像ファイルを1バイトでも削るためのコードゴルフのTipsを紹介していきます。 コードゴルフって？ まずコードゴルフとはなにか？の説明から。 コードゴルフとは任意のソースコードを出来るだけ短く書くことを目的にしたものです。そのコードの動作を損なわなず、かつ可能な限り短縮して記述する手法を試行錯誤していく様子が、ゴルフのように少ない打法で競うところに似ていることからこのように呼ばれています。 またそれを競技としたコンテストも催されていますね。 画像のファイルサイズ低減策 JPEG、GIF、PNGといったビットマップ画像であればファイルサイズを低減する方法やソフトウェア・ツ

[side_tana]

AdventCalendarの1日の記事のボリュームじゃ無い感じする

[mohno]

次は、この記事をコードゴルフして（げふん、げふん）

[rgfx]

おおお(*´Д`)

[tailtame]

ひいいｗ こういう最適化すきー！「XML宣言は省略できる（条件を満たせば）」位置の計算ツールはあるのか。ブラウザの処理時間とか変わったりするのかなー。ベクタ形式使えるなら使うと楽なのかな(｀・ω・´)ｺﾞｵｵ

[chalcedony_htn]

超ボリューム記事。Illustratorでの作成段階で心がける点について→最適化ツールについて→スタイルシートの最適化→SVG文書構造の最適化

[momdo]

DOCTYPE宣言を省略するようにSVG仕様で言及されていることを今知る…

[tmatsuu]

svgはテキストなのでさらにDeflateをかけることが可能。svgz形式もあるけどね。

[takkaw]

カッコいい

[karupanerura]

すごい

[potato777]

illustratorの設定、illustratorの作画時の工夫、SVGファイルの最適化ツール、スタイルシートの見直し、などなど。すごい。

[mrkn]

ベクタ画像の不可逆情報削減アルゴリズムって研究されてるのかな？興味出てきた。

[naka-06_18]

SVG の minify ないんかな

[kabakiyo]

“ここからが本題” ﾋｨ-(((ﾟДﾟ)))

[tumo300-500]

ゴルフというか最適化というか

[kazuhooku]

すばらしす

[field_combat]

へー

[vvakame]

ｺﾜｲ!

[catatsuy]

ガチすぎる

[gigi-net]

職人芸っぽい

[piayo]

すごい

[actywave]

知らないのいっぱいあったｗ

[labduck]

充実の内容

[lost_and_found]

これはためになる

[gayou]

まぁたしかにベクターベースにした方がファイルサイズ大きくなると減なりするからな。なので、こういうのは非常に参考になる。

[efcl]

SVGゴルフ. SVGのサイズを削るテクニックについて。