Posts Tagged: favicon

Safari のリーディングリスト向けにファビコンサイズを変更しました。

 細かいところが気になる性分で(笑)、Safari 5 から追加された機能でリーディングリストというのがあるのですが、そこにサイトのファビコンが適用される際、32px 以上ないと綺麗に表示されないことがわかったので変更しました。

 今まで当サイトのファビコンは 16px だったので、こんな感じでギザギザになります。
昔のままだとギザギザ。

 で、32px サイズに変更して、綺麗に♪
 今回は画像ファイルを差し替えただけなので設定方法などは割愛いたします。

サイズ調整で綺麗に♪

 更に気になったのは、ページ読込中の背景が真四角の白抜きになってしまうこと。
 Apple みたい背景は透過させたいなぁ。ということで、

透過設定前。

 png の透過ファイルに変更。以前は透過なしの png でした。
 当サイトのロゴは、ロゴ内も抜けているものなのでちょっと不格好かもしれませんが(^^;

透過設定後。

 ということで完成。

 まー、うちのサイトではあまり後読みに追加されることは無いと思うんですが、最近はわりと大きめのサイズ指定もありですし、各サイズ(16, 32, 48px)を1ファイルに埋め込むという方法でも大丈夫になっているなど進化しているので、まー、これくらいはやっておこうかなというこで変更しときました。

 ちなみに、iPhone などで使われるブックマークアイコンとは色違いのままですが、深い意味はありません(^^;

Favicon – Wikipedia
Favicon – Wikipedia, the free encyclopedia