ファビコンとタッチアイコン - Webflow ヘルプ

Last updated on 10/13/2025@mrbirddev
ファビコンとタッチアイコン - Webflow ヘルプ

Webflowサイトにファビコンとタッチアイコンを使用する方法


Webflowサイトにファビコンとタッチアイコンを使用する

ウェブサイトを公開する際の最も重要な仕上げの一つは、ブラウザのUIやモバイルのホーム画面でサイトをどのように表現するかです。


ファビコン

ファビコンは、ほとんどのブラウザでブラウザタブやブックマークにウェブサイトを表すために使用されます。


タッチアイコン

タッチアイコンまたはWebクリップは、Safariのブックマークなどで使用されます。 また、ウェブサイトのリンクがスマートフォンのホーム画面に保存されたときにも表示されます。


画像アセット

ウェブアイコンの画像アセットをアップロードする際には、ファビコンとして使用するために32x32ピクセルの画像、Webクリップまたはタッチアイコンとして使用するために256x256ピクセルの画像を作成します。

これらの画像アセットで使用するファイル名はHTMLに表示されるため、検索エンジンにインデックスされたくないものをファイル名に含めないように注意してください。

アイコンをアップロードする

画像アセットの準備ができたら:

  1. プロジェクト設定 > 一般タブ > アイコンに移動
  2. 準備した画像をアップロード
  3. 変更を反映させるためにサイトを公開
  4. ブラウザでライブサイトを更新して、更新されたファビコンを確認

Webflowヘルプに戻る

Last updated on 10/13/2025@mrbirddev
Recent Articles
Loading...