ファビコンに挑戦

 投稿ブログを始める上で、是非ともチャレンジしたいと思ったのは、ファビコンの作成でした。

 ファビコンというのは、サイトアドレスの横に表示される、小さなロゴマークです。「favorite icon」の略称だそうで、たとえばヤフーなんかだと、赤文字で「Y!」と表示されますね。特に難しい知識がなくても、自作のファビコンをブログに設置できると知り、その方法を調べてみました。


********************


〈1.画像を用意する〉

 まずはファビコンに使用する画像を用意。大きすぎても表示が潰れるので、16×16ピクセルが適切だとか。


〈2.ファイル形式を「.ico」に変換する〉

 ファイルの変換については、無料でできるサイトが多数あるので、特に面倒な問題はありません。最近のブラウザは、「.gif」「.png」も認識してくれる場合が多いようです。


〈3.作成した「.ico」ファイルをブログのサーバーにアップする〉

 画像のアップロードと同手順で可能。


〈4.head内に以下のHTMLタグを記載する〉

<link rel="shortcut icon" href="ファビコンが置いてあるアドレス" type="image/vnd.microsoft.icon" />

<link rel="icon" href="ファビコンが置いてあるアドレス" type="image/vnd.microsoft.icon" />


********************


 少しも簡単ちゃうやんけ!

 初めて見た瞬間はそう思ったのですが、どうしてもファビコンを置きたかったので、一か月ほど試行錯誤して理解しました。Ctrl+F(検索)も知らなかった当時の自分に、HTMLは敷居が高すぎましたが、熱意があれば意外と乗り越えられるものですね。

 おかげ様で現在は、茶色い王冠のファビコンを、無事に設置することができました。

  • Xで共有
  • Facebookで共有
  • はてなブックマークでブックマーク

作者を応援しよう!

ハートをクリックで、簡単に応援の気持ちを伝えられます。(ログインが必要です)

応援したユーザー

応援すると応援コメントも書けます

新規登録で充実の読書を

マイページ
読書の状況から作品を自動で分類して簡単に管理できる
小説の未読話数がひと目でわかり前回の続きから読める
フォローしたユーザーの活動を追える
通知
小説の更新や作者の新作の情報を受け取れる
閲覧履歴
以前読んだ小説が一覧で見つけやすい
新規ユーザー登録無料

アカウントをお持ちの方はログイン

カクヨムで可能な読書体験をくわしく知る