「Chrome」タグアーカイブ

このBlogのfaviconを最適化しました

このBlogのfaviconを最適化しました。
favicon(ファビコン)って何かというと、ブラウザに表示されるサイトのシンボルマーク。

これまでも「ひろぶろぐ」の「ひ」というファビコンは表示されていましたが、これはあくまでもPCのWebサイト用。
このBlogのfaviconを最適化しました

スマホのショートカットなどを使うとfaviconが上手く表示されていませんでした。

調べてみると、こちらのサイトにもあるように、現在ではWebサイトには21個ものサイズ違いのfaviconが必要だそうです。

そして、これらのfaviconを一括生成してくれるのが、「Real Favicon Generator」というサービス。

faviconの元画像は260×260PixelのPNGをひとつ用意するだけでOK。
ものの15分ぐらいで作業完了。

AndroidではGoogleChromeで「ホーム画面に追加」を、iPhone/iPadではSafariで「ホーム画面に追加」をすると以下のようにワンタッチでサイトにアクセスできるショートカットができます。
このBlogのfaviconを最適化しました

Webサイトを運用しているのであれば、綺麗にfaviconが表示できるようにしておきたいですね。