ファビコンの自動リサイズとダークモード対応が追加されました！

※この記事は2026年05月05日にWebflowが公開した下記アップデート情報・ニュースを日本語訳したものです（一部加筆・修正あり）

Auto-resize favicons and dark mode support

‍

Webflowで、ファビコン管理をより簡単に行える新機能が追加されました。

1つの画像から必要なサイズを自動生成

これまでのように、ファビコンやタッチアイコンをサイズごとに用意する必要はありません。

Site Settingsに正方形の画像を1枚アップロードするだけで、Webflowがサイトに必要な各サイズのアイコンを自動生成します。

生成されるサイズは以下の通りです。

• 32×32 ファビコン
• 48×48 ファビコン
• 180×180 タッチアイコン
• 192×192 タッチアイコン
• 256×256 Webクリップアイコン

アップロード可能な形式は以下の通りです。

• PNG
• JPG
• GIF
• ICO
• SVG

なお、SVGファイルはブラウザとの互換性を考慮し、自動的にPNGへ変換されます。

ダークモード用ファビコンに対応

ダークモードを利用するユーザー向けに、専用のファビコンを設定できるようになりました。

Webflowはブラウザの prefers-color-scheme 設定を参照し、ライトモードとダークモードそれぞれに適したファビコンを自動的に表示します。

これにより、ブラウザのタブ表示においてもブランドの視認性を維持しやすくなります。

ダークモード用ファビコンの設定項目は、通常のファビコンをアップロードした後にSite Settings内へ表示されます。

Google検索結果での表示にも最適化

Webflowでは、新たにGoogle検索結果で利用される48×48サイズのファビコンも自動生成されるようになり、Google検索向けに別途画像を用意したり設定を追加したりする必要はなく、アップロードした画像から自動的に対応されます。

‍