トップ   編集 凍結 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS   ログイン

Webサイト制作関連/自分のWebサイトにオリジナルアイコンをつける(faviconの設置)

Last-modified: 2022-05-05 (木) 09:23:32
Top/Webサイト制作関連/自分のWebサイトにオリジナルアイコンをつける(faviconの設置)

自分のWebサイトにオリジナルアイコンをつける(faviconの設置)

faviconとは

ブラウザのURLが入力されている欄の一番左に表示されてる小さなアイコンの事

favicon画像を作る

適当な画像作成ソフトで16px×16pxの画像を作りましょう。

favicon画像をicon化する

  • @icon変換を利用して画像をicoファイルにする。
    (ファイル名はfavicon.ico)
  • 複数サイズのアイコンを一つにまとめてファイルを作る時は、こちらが良いかも!
    X-Icon Editor

faviconのアップロード

FTPソフトなどを使って自分のhomepage領域の好きな所にアップロードしましょう。

faviconの指定

faviconを表示させたいHTMLのHEAD部に

<link rel="shortcut icon" href="パス/favicon.ico">

以上
ブラウザでアクセスしてみて表示されたら無事完了