この記事では、Shopify ストアでファビコンを変更する方法について説明します。
Shopifyのファビコンとは何ですか?
A ファビコン (「お気に入りアイコン」の略)は、ブラウザのタブやブックマークなどでストア名の横に表示される小さなアイコンです。
Shopifyでは、次の場所に表示されます。
- ストア名の横にあるブラウザタブ
- ブックマークとブラウザ履歴
- モバイル検索結果の一部
推奨されるファビコン仕様:
| サイズ | 32×32ピクセル |
| フォーマット | PNG(推奨)、JPG、またはICO |
| ファイルサイズ | 読み込みを速くするために100kB以下に抑える |
Shopify のファビコン画像を変更または新しいファビコン画像をアップロードするにはどうすればよいでしょうか?
ファビコンを変更するには、以下の手順に従ってください。
- あなたに行く Shopify管理者 > オンラインストア > 部門
- 詳しくはこちら カスタマイズ 現在のテーマについて

- 左サイドバーで、 テーマ設定 > ファビコン > 選択する
![]()
- ファビコンファイルをアップロードするか、ライブラリから選択します
- 詳しくはこちら Save 右上隅

更新がすぐに表示されない場合は、ブラウザのキャッシュをクリアするか、シークレット ウィンドウで確認してみてください。
(オプション)高度なファビコン設定にはカスタムコードを使用する
ファビコンを手動で追加したい場合や、より細かく制御したい場合は、カスタムを挿入できます。 テーマのコード内に直接タグ付けします。
- Shopify管理画面から オンラインストア > 部門
- 詳しくはこちら > コードを編集
- Video Cloud Studioで テーマ。リキッド ファイル(通常は レイアウト)
- 内部 セクションに次の行を貼り付けます。
<link rel="icon" href="{{ 'your-favicon-file.png' | asset_url }}" type="image/png" />
- 交換する
your-favicon-file.pngAssetsフォルダにアップロードした画像の正確なファイル名 - 詳しくはこちら Save 変更を保存するには
この方法は、非標準の画像サイズ、異なる形式、または外部でホストされているファビコンを使用する場合に便利です。
コメントしてくださってありがとうございます