Real Favicon Generator

Favicon Generator for all platforms- iOS, Android, PC-Mac...

久しぶりにサイトのファビコンを変更したので、そのときの事をメモ。ディバイスの種類も増え、表示するファビコンの設置方法やサイズも多様になっています。昔からある16*16のドットアイコンから高解像度・IOS・Android・Windows8と数えだしたらきりがないです。

そんなに作っている時間が無くてめんどくせーって思っていた時に見つけた「Real Favicon Generator」と言うサイトは、多様化するプラットホームに対し、様々なサイズや形式のアイコンを一括で作成&ダウンロードできます。しかも、設置用コードも一緒に吐いてくれるのは大助かり。早速取り掛かりました。

  1. まずは260*260ピクセル以上の画像を用意。
  2. ”Select your Favicon picture”を押すと様々なプラットホームのアイコンが一括で生成されます。
  3. 設置用コードも一緒に表示されるので、特に変更が無ければそのままheader内にコピーアンドペースト。
  4. ダウンロードしたアイコン類も設置場所に変更が無ければそのままルートにアップロード。
  5. 全ての更新が終了したら、”Check your favicon”でご自身のサイトのファビコンが正常に表示されるかチェックも出来ます。

便利すぎた。数分の出来事でした。

後で知ったのですが、Wordpress用のプラグインも出ていました。「Favicon by RealFaviconGenerator」。ファビコン設置後でしたので、試していませんが、こちらの方が更に楽そうです。試してみても良いかもですね。

コメントを残す