このBlogのfaviconを最適化しました。
favicon(ファビコン)って何かというと、ブラウザに表示されるサイトのシンボルマーク。
これまでも「ひろぶろぐ」の「ひ」というファビコンは表示されていましたが、これはあくまでもPCのWebサイト用。
スマホのショートカットなどを使うとfaviconが上手く表示されていませんでした。
調べてみると、こちらのサイトにもあるように、現在ではWebサイトには21個ものサイズ違いのfaviconが必要だそうです。
そして、これらのfaviconを一括生成してくれるのが、「Real Favicon Generator」というサービス。
faviconの元画像は260×260PixelのPNGをひとつ用意するだけでOK。
ものの15分ぐらいで作業完了。
AndroidではGoogleChromeで「ホーム画面に追加」を、iPhone/iPadではSafariで「ホーム画面に追加」をすると以下のようにワンタッチでサイトにアクセスできるショートカットができます。
Webサイトを運用しているのであれば、綺麗にfaviconが表示できるようにしておきたいですね。