北の過疎から　- N市にて -

ブログをブックマークに追加した時、アイコンがGoogle Chrome の「新しいタブ」と同じでちょっと寂しい感じなので、作る事にした。
絵心もデザインのセンスも持ち合わせていないので、文字を使って作る事にした。
昔、ブログのタイトル画像をフリーのフォントを使って作った事があったので、今回も楽しそうなフォントを探す事にした。
「水面字 ver 1.4」は文字でありながら、水墨画っぽい感じが面白そうなので、使わせてもらうことにした。
Windowsの「ペイント」でキャンバスサイズ（64×64px) いっぱいになるようにテキストを入力し、保存する。
次に、「ペイント」で作った画像を「IrfanView」で開き、背景色を透過処理して保存し完成。
出来たのが下の画像である。

最後に、オンラインで”ファビコン”を作ってくれるサイトで画像をサイト画面にドロップすれば16×16pxの可愛いファビコンの完成となる。
今回利用させてもらったのは「WEBSITE PLANET」の「ファビコン生成ツール」である。
出来上がった画像を”アサブロ”にアップロードし、”HTMLカスタマイズ”の★1（head要素閉じタグ直前）の欄に以下のタグを記入し保存する。

<link rel = "shortcut icon" href = "保存されている画像のアドレス" type = "image / x-icon" />

自分のブログを登録したブックマークから開き、閉じると、作成した”ファビコン”が表示された。


”アサブロ”にファビコンを表示する方法は「べつになんでもないこと」を参考にさせて頂きました。
貴重な情報をありがとうございました。