ガイド

Webflowのファビコン

Webflow はファビコンをプロジェクト設定に保存し、CDN から公開されたすべてのページに提供します。正方形 32×32 PNG または ICO をアップロードします。または 256×256+ のソース Webflow はダウンスケールされます。

プロジェクトを開きます→プロジェクト設定→一般→ファビコン。 Webflow は PNG、ICO、または GIF を受け入れ、公開時に正しい <link rel="icon"> タグを挿入します。

Retina タブと iOS ホーム画面のインストールの場合、プランで <head> への埋め込みが許可されている場合は、サイト設定のカスタム コードを介して apple-touch-icon アイコンと PWA アイコンも追加します。

使い方

  1. 1

    正方形のファビコンを生成する

    ファビコン ジェネレーターを使用します — .ico と 180×180 apple-touch-icon をエクスポートします。

  2. 2

    プロジェクト設定 → ファビコン

    PNG または ICO をアップロードします。

  3. 3

    公開

    Webflow は、カスタム ドメインのすべてのページにアイコンをプッシュします。

今すぐ試す

Webflow 対応のファビコンを生成する

ファビコンジェネレーター

よくある質問

Webflow はどのファビコン サイズを使用しますか?+

アップロードのターゲットは 32×32 ですが、256×256 または 512×512 から開始するため、ダウンスケーリングは鮮明なままです。

Webflow ファビコンが更新されないのはなぜですか?+

アセットを変更した後、サイトを公開します。ブラウザーはファビコンをキャッシュします。ハード更新するか、カスタム コードの URL に ?v=2 を追加します。

SVG ファビコンを Webflow で使用できますか?+

組み込みアップローダーはラスター形式を想定しています。ベクター + ダーク モードが必要な場合は、プロジェクト設定 → カスタム コード → ヘッドのカスタム コードを介して SVG を追加します。

関連ツール

その他のガイド

ガイド

FetchFavicon を探索する

カテゴリー

コンバーター

公共事業

ガイド

チュートリアル