ファビコン (ブラウザー アイコン) を追加する

カスタム フ⁠ァビコンでご自分のブランドを表現しまし⁠ょう⁠。

最終更新日 2025年2月04日

フ⁠ァビコン (⁠ブラウザ⁠ー アイコン⁠) は⁠、ブラウザ⁠ーのタブやWeb上の他の場所でペ⁠ージのタイトルの横に表示される小さな正方形の画像です⁠。カスタム フ⁠ァビコンを追加すると⁠、多くのタブやブ⁠ックマ⁠ークが含まれるブラウザ⁠ーでも自分のサイトをすぐ認識してもらうことができます⁠。

すべてのSquarespaceサイトには⁠、最初に既定のキ⁠ュ⁠ーブ フ⁠ァビコンが設定されています⁠。この設定を変えないでおくと⁠、このアイコンに馴染みのあるユ⁠ーザ⁠ーは⁠、お客様がSquarespaceコミ⁠ュニテ⁠ィの一員であると認識できます⁠。一方で⁠、お客様のサイトのブランドに合うように⁠、これを独自の画像に置き換えることもできます⁠。

KB Guide Image

動画を見る

フ⁠ァビコンを追加する

フ⁠ァビコンを追加する方法は次のとおりです⁠。

  1. [⁠フ⁠ァビコン⁠] パネルを開きます⁠。
  2. 画像ア⁠ップロ⁠ーダ⁠ーに画像をドラ⁠ッグするか⁠、ア⁠ップロ⁠ーダ⁠ーをクリ⁠ックしてコンピ⁠ュ⁠ータ⁠ーからフ⁠ァイルを選択します⁠。
  3. (⁠任意⁠) 訪問者がダ⁠ーク モ⁠ードでサイトを閲覧したときに表示される⁠、代替バ⁠ージ⁠ョンのフ⁠ァビコンを追加します⁠。最初に既定のフ⁠ァビコンを追加してからでないと⁠、ダ⁠ーク モ⁠ードのフ⁠ァビコンは追加できません⁠。
  4. 画像をア⁠ップロ⁠ードした後⁠、[⁠保存⁠] をクリ⁠ックします⁠。

フ⁠ァビコンがすぐに更新されない場合は⁠、ブラウザ⁠ーのキ⁠ャ⁠ッシ⁠ュをクリアしてからブラウザ⁠ーを再起動することをおすすめします⁠。ブラウザ⁠ーは⁠、キ⁠ャ⁠ッシ⁠ュされたフ⁠ァビコンを強固に保持しようとする場合があります⁠。

フ⁠ァビコンの表示

フ⁠ァビコンは⁠、ブラウザ⁠ーやデバイスによ⁠って表示形態が異なります⁠。

  • Safariでは⁠、アドレス バ⁠ーをクリ⁠ックするか⁠、複数のブラウザ⁠ー タブを開いたときにフ⁠ァビコンが表示されます⁠。
  • 通常⁠、フ⁠ァビコンはモバイル ブラウザ⁠ーでは表示されません⁠。
  • お使いのフ⁠ァビコンは⁠、検索結果でお客様のサイトの横に表示される可能性があります⁠。

ベスト プラクテ⁠ィス

画像解像度

フ⁠ァビコン画像は⁠、サイズが100px × 100pxから300px × 300pxの間であれば⁠、すべてのブラウザ⁠ーで最適に機能しますが⁠、実際は16px × 16pxで表示されます⁠。これらは標準的なフ⁠ァビコンの寸法です⁠。一部のブラウザ⁠ーはより大きなサイズのフ⁠ァビコン フ⁠ァイルに対応していますが⁠、すべてのブラウザ⁠ーが対応しているのはこのサイズです⁠。

検索結果にフ⁠ァビコンを表示する検索エンジンでは⁠、独自の要件が課される場合があります⁠。たとえば⁠、Googleでは⁠、フ⁠ァビコンが48px x 48px⁠、96px x 96px⁠、144px x 144pxなど⁠、48pxの倍数の正方形であることが求められています⁠。フ⁠ァビコンが検索結果に確実に表示されるようにするため⁠、フ⁠ァビコンの表示に関する検索エンジンの推奨事項を確認し⁠、その要件を満たすように画像を設定してください⁠。

フ⁠ァイル形式

フ⁠ァビコン画像には⁠、png 形式のフ⁠ァイルの使用を推奨します⁠。⁠.ico 形式のフ⁠ァイルのア⁠ップロ⁠ードはサポ⁠ートしていません⁠。

フ⁠ァイル サイズ

フ⁠ァビコン画像のフ⁠ァイルは100KB 以内でなければなりません⁠。

マルチ バ⁠ージ⁠ョンのフ⁠ァビコン

当社は現時点で⁠、マルチ バ⁠ージ⁠ョンのフ⁠ァビコンには対応していません⁠。フ⁠ァビコンを正しくア⁠ップロ⁠ードするには⁠、単一バ⁠ージ⁠ョンの画像を使用し⁠、他のバ⁠ージ⁠ョンをフ⁠ァイルから削除してください⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。

ファビコン (ブラウザー アイコン) を追加する