透明なファビコン ガイド
ファビコンの単色の背景は時代遅れに見え、ダーク モードと衝突します。アルファをエンドツーエンドで維持する方法は次のとおりです。
3 分で読了
透明なソースから始める
背景を塗りつぶさずにロゴを PNG-32 としてエクスポートするか、SVG を使用します。ほとんどのぼかしは、ファビコン ツールではなく、焼き付けられた白い背景から発生します。
.ico はアルファ版をサポートします
.ico 内の PNG 圧縮エントリはアルファ チャネルを保持します。ビットマップ エントリでは、サイズごとに適切なエンコーディングを選択するツールを使用します。
ダークモードの扱い
<style>@media (prefers-color-scheme: dark) { ... }</style> ブロックを含む SVG を出荷し、.ico に静的フォールバックを処理させます。