Firefox のブックマークのアイコンを好きなアイコンに変更する方法

2006-03-14-1: [Firefox][Perl]

Firefox はブックマークのアイコンに favicon.ico を自動で表示してくれるので便利ですが，これを好きなアイコンに変える方法．変更しないと，なにが困るかと言うと，例えば，はてなわんわんワールドをブックマークしてブックマークツールバーフォルダに表示した場合はてらぼの favicon.ico が登録されてしまいます．﹁はてわん﹂はやっぱり﹁しなもん﹂だろうということで，こういうときに変更すると便利です．まず，しなもんの画像をはてわんから持ってきます．gif アニメーション形式なので適当に一つ切り出します．これをアイコンエディタなどでアイコンとして書き出します．次に，このファイルを base64 でエンコードしてあげます．例えば，Perl だと以下のようのワンライナーで書けます． perl -MMIME::Base64 -0777 -ne 'print encode_base64($_, "")' < cinnamon.ico 実行すると，次のようにbase64 でエンコードされた文字列が出てきます (表示のために76バイトで改行を入れていますが，実際は一行です)． AAABAAEAEBAAAAEACABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAxMT/AACgoAD+AP4Ab6/vAH+//wCPyf8AH1ePAABFSAAAP20AUFBQAGBgYABwcHAA /v7+AICAgAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACggIAAAAAAAAAAAAAAAMCwkNBQgAAAAAAAAAAAAACwYL CAUICgAAAAAAAAAAAAAACA0NDQYKAAAKCAAAAAEADQ0NBQUNBgoKDQUIAAAADQ0FBQUEBQQNCQkF CAAODQ0FBQUEBwQFBA0EBQgAAA0FAAUEBAkEAgUEBQQJAAAFDQUFAggEAgQCBAIFBAACAAUICA0I CQgCBAIEAgUAAg0IAAIFCAAACQgEAgUIAAIFCAACCAAAAAAACQgIAAACCAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AAD4/wAA4H8AAOA/AADAGQAAgAAAAAAA AAAAAAAAgAAAAIAAAACAAAAAiMAAAInxAACf/wAA//8AAP//AAA= そして，Firefox のプロファイルディレクトリにある bookmarks.html を見つけて開きます．該当するブックマークの個所を見つけて， ICON="data:image/x-icon;base64,AAABA.../AAA=" と上記の文字列を記入すればOKです．Firefox を起動すると無事アイコンがしなもんになっていると思います． # この作業は Firefox を終了してから操作してください．

とまあ，ここまでは，ネタ振りで本題はここから．ブックマークツールバーフォルダに Bookmarklet を置いている人は多いと思いますが，例えば，アイコンだけを表示したい場合は Bookmarlet だとディフォルトのアイコンになって区別がつきません．そこで，上記の方法を使えば，Bookmarklet だろうがアイコンを好きなものにつけることができます．たとえば，はてなブックマークに登録の [B!] もはてぶのページから [B!] の画像を持ってきて，アイコンに変更してしまえばいいわけです．アイコンに変更したら perl -MMIME::Base64 -0777 -ne 'print encode_base64($_, "")' < append.ico [B!] のアイコンは以下のようにエンコードされます (表示のために76バイトで改行を入れていますが，実際は一行です)． AAABAAEAEBAAAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAD/AAAA/wD/AP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAMzMzMzMzMzMzMzMzMzMzMzAAAAAAAAADAiIiIiIiIiACIAAAAiACIAIgAiIA IAIgAiACIgAiIiACIAIiACACIAIgAAACIAIgAiACIAIgAiACIAIgAiACIAIgAAAiIAIgAiIiIiIi IiAwAAAAAAAAAzMzMzMzMzMzMzMzMzMzMzP//wAA//8AAIABAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAgAEAAP//AAD//wAA これも先ほどの手順で (Firefox を終了した状態で) bookmark.html に ICON="data:image/x-icon;base64,AAABA...//wAA" と追加してしまえば，以下のように見やすくなります．しなもん

これで，よく使う Bookmarklet もアイコンで見分けがつくようになります．あと，上記手順ではアイコン形式でやりましたが，image/x-icon を image/png にして png でやってあげてもうまくいきそうな予感がしますが，未確認です．

[2006-03-17-1] Firefox のブックマークのアイコンを好きなアイコンに変更する拡張機能 Favicon Picker