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

comments(4) | trackback(0)

  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 でやってあげてもうまくいきそうな予感がしますが，未確認です．