Featured image of post ファビコンを作るよ。

ファビコンを作るよ。

Favicon Generator を使って、ファビコンを作りましょう。

ファビコンって?

ブラウザでサイトを開いた時に、タブに表示される小さなアイコンです。
他にもブックマークとして保存したり、デスクトップにショートカットを作ったりするときにも使用されます。

うちのサイトだとこういうの。

昔は、1個だけ用意しておけば良かったんですけどね。
今は、Windows、Mac、Android、ブラウザの違い等で、複数サイズや種類を用意する必要があります。

正直、どんなサイズや種類を用意すれば良いのか分からなくなっています(笑)
そして、いくつも準備するのって面倒ですよね。

ファビコンを作るサービスを使いましょう

ありがたいことに、基本となる画像ファイル1個だけあれば、あとはほぼお任せでファビコンを作ってくれるサイトがあります。

Favicon Generator. For all platforms

作成手順

  • Favicon Generator. For all platforms に行きます。
  • 「Select your Favicon picture」というボタンをクリックします。
  • ファビコンとしたい画像を選択してアップします。
  • OS や ブラウザごとにいくつか設定がありますので、自分好みにします。
  • 「Generate your Favicons and HTML code」というボタンをクリックします。
  • 作成されたファビコン(zip形式)をダウンロードして完了です。

zip を解凍すると各種ファビコンがありますので、あとはうまいことお使い下さい。
また、リンク指定の仕方などもサイトに表示されていますので、参考に。

Hugo で構築されています。
テーマ StackJimmy によって設計されています。