さて、Webページを使いやすく魅力的に見せるためにかかせないアイコン画像ですが、Tumblrのdashboardでも例に漏れず様々なアイコン画像が使われています。


こういったアイコン画像、シンプルゆえに適当に作ってるようにも見えますが、メジャーなサービスのアイコンはやっぱりよく考えられて洗練されているもので、僕もTumblrのアイコンをパクろうかと参考にしようかと思い、じっくり見てみようと思った次第で。

ちなみに、今日のWebでは画像の表示に「CSSスプライト」と呼ばれる手法が多く使われています。
これは複数のボタン画像等を一枚の画像として保存し、その一部だけを表示する手法なのですが、Webページにおいては容量と関係なしにファイル数が多いと読み込みが遅くなるため、このような手法が使われるわけです。

Tumblrでもアイコン画像にこの手法が使われています。
ということでまずはその一枚画像を見てみましょうか。


はい、このとおり…？


おや…？


誰だおまえら

犬。うん、犬ですね。スタッフのどなたかの飼い犬でしょうか。
…いやそうじゃなくてなんで犬の画像があるんだ。
しかも2枚も。

もしかしたら自分が知らないだけで、この2匹かつてはdashboad上で活躍していたんでしょうか。
古参のTumblrユーザーの方、もしご存知でしたら教えて下さい。

ちなみに上記の画像を保存したのは少々前のことで、この記事を書いている時点で下側の犬はリストラされていなくなってメガネの犬だけになってました。
http://www.tumblr.com/images/dashboard_master_sprite.png
Share on Tumblr