favicon API を自分のサーバに置きたい

昨日 jQuery のプラグインを利用させていただいて外部リンクの一部に favicon をつけたぜー!という記事を書いたばかりですが、API のサーバが不安定らしくてうまく表示されていません(´・ω・`)

404 Blog Not Found:perl – 任意のURIからfaviconを取得するAPI
これを何とかしたらできそうなんだけど、その何とかがわからん。
Source Code ってのを favicon.cgi って名前でアップロードしてパーミッションを 755 とかにしたらいいのかなー。
いろいろやってみたんだけど間違いポイントすらわからない。

勉強して出直します(´・ω・`)

任意のリンクに favicon を表示する jQuery プラグイン

About のページを更新しました。ページ右上の ? をクリックしてみてください。

自己紹介として是非掲載したいと思ったのが、自分のサイトや各種利用ツールへのリンク。
リストアイコンのように favicon を表示してみたくて探したところ発見しました。
favicon API javascriptライブラリ [jQueryプラグイン] | jigelog
jQuery を使わない通常版もありましたが、すでに jQuery を利用しているのでこちらのプラグインを使わせていただくことに。

もう jQuery も怖くないので、大体何が書いてあるのかわかりましたヽ(・ω・)ノ
使い方も簡単で、普通のリンクに class=”(任意の class 名)” をつけるだけ。私は class=”favicon” としました。
こんなかんじ。About のページにいっぱいあるよ!

続きを読む 任意のリンクに favicon を表示する jQuery プラグイン

Firefox でブックマークの favicon がでっかい

以前からいくつかのサイトでブックマークに表示される favicon がでっかくて変だなーと思っていたのですが、原因(の一部?)がわかりました。

  1. 16 x 16 以上のサイズ( 64 x 64 とか)で画像を作成。(以下、元画像と呼ぶ)
  2. Telegraphics の ICO (Windows Icon) Format を使って favicon.ico を作成。
  3. アップロード!

タブのタイトル横に表示されるのは 16 x 16 に縮小されたものですが、ブックマークすると元画像のサイズの左上から 16 x 16 部分が表示されてしまう。
ブックマークにもちゃんと表示したいので、元画像を作成後 16 x 16 にリサイズして保存。それを favicon.ico に加工することで解決しましたヽ(・ω・)ノ

続きを読む Firefox でブックマークの favicon がでっかい