ファビコン作成手順

目次(クリックでジャンプ)

一回目(2019/5/26)

ためてあったデザインを参照

グリッドなどを使って、32*32の枠を作り、線の太さが1になるような比率で作り始めたが、結局ゴチャゴチャになったｗ

線と塗りの無い枠で囲って、コピー

書類を「32pixel*32pixel」で新規作成して、さっきのを「ピクセル」でペーストすると、ちゃんと32*32のドット絵になっている。

「16*16」にペーストするとぐちゃぐちゃになった。

→作成段階で16*16の枠に、線の太さが1になる比率の線で書かないといけない！

*web用に書き出しでpng形式で透明部分も含めて書き出し

web上にある無料ツールで変換。一つのファイルに複数の解像度の画像を入れる方法がまだ分からない。

サイトに設置

ルートディレクトリに「favicon.ico」としてアップロード

したのだけど、駄目だった…

サーバーのルートにも、サイトのフォルダのルートにも設置したけど両方とも駄目だった。

標準カスタマイザーの「サイト情報/サイトアイコン」から設定できる。512*512以上が推奨されている

とりあえず、こちらで実装した。