ファビコンとタッチアイコン - Webflow ヘルプ
Last updated on 10/13/2025@mrbirddev
Webflowサイトにファビコンとタッチアイコンを使用する方法
Webflowサイトにファビコンとタッチアイコンを使用する
ウェブサイトを公開する際の最も重要な仕上げの一つは、ブラウザのUIやモバイルのホーム画面でサイトをどのように表現するかです。
ファビコン
ファビコンは、ほとんどのブラウザでブラウザタブやブックマークにウェブサイトを表すために使用されます。
タッチアイコン
タッチアイコンまたはWebクリップは、Safariのブックマークなどで使用されます。 また、ウェブサイトのリンクがスマートフォンのホーム画面に保存されたときにも表示されます。
画像アセット
ウェブアイコンの画像アセットをアップロードする際には、ファビコンとして使用するために32x32ピクセルの画像、Webクリップまたはタッチアイコンとして使用するために256x256ピクセルの画像を作成します。
これらの画像アセットで使用するファイル名はHTMLに表示されるため、検索エンジンにインデックスされたくないものをファイル名に含めないように注意してください。
アイコンをアップロードする
画像アセットの準備ができたら:
- プロジェクト設定 > 一般タブ > アイコンに移動
- 準備した画像をアップロード
- 変更を反映させるためにサイトを公開
- ブラウザでライブサイトを更新して、更新されたファビコンを確認
Last updated on 10/13/2025@mrbirddev
Recent Articles