1. マニュアル

ファビコン(Favicon)の変更方法

ファビコン(favicon)について

faviconとはwebサイトのアドレスバーやタブ部分などに表示されるアイコンのことです。


このファビコンを、PC・スマートフォン・管理画面でそれぞれ自由に変更することができます。
システム管理>アクセス制限管理で制限を行っている場合は、正常に動作しない場合があります。




ファビコン(favicon)の変更方法

ファビコンの画像サイズやファイルネームは用途によって異なります。
画像サイズ等は下記をご参考ください。
※サイズの数値はpx(ピクセル)です。
サイズ(px) 用途 ファイル名
16×16 Edgeのタブ
Chromeのタブ
Firefoxのタブ
Safariの履歴
favicon.ico
favicon.svg
管理画面 favicon_admin.ico
favicon_admin.svg
32×32 Retinaの各ブラウザタブ favicon.ico
favicon.svg
180×180 iOS,Safariのホーム画面
Android Chromeのタブ
ホーム画面
Mac Safariのお気に入り
apple-touch-icon.png
192×192 Android Chromeのブラウザタブ
ホーム画面
android-chrome-192×192.png
※ svgファイルを設置すればそちらが優先されます。


ファビコンの画像は、デザイン管理>ファインダーより下記ディレクトリに変更する画像をアップロードしてください。
●アップロード先ディレクトリ
alternate_html

アップロードしたら作業は完了です。

ファビコンが変わらない場合 ファビコンの設置が完了後、すぐに反映しない場合があります。
Web上でファビコンを認識するのに時間の誤差あり多少時間がかかるからです。
反映に1日以上にかかったという事例もあるそうですので、2日以上経ってまだ表示されないようでしたら下記をご確認ください。

・キャッシュが残っている
・画像サイズやファイルネームの間違い

この記事の目次

  1. ファビコン(favicon)について
  2. ファビコン(favicon)の変更方法

ありがとうございました。
よろしければ、ご意見をお聞かせください。

件名、コメントをご入力いただき、『送信』ボタンをクリックしてください。

ご意見を送られない場合は、『閉じる』ボタンをクリックしてください。

件名:

お問い合わせ内容:

閉じる