Panduan Favicon Telus
Latar belakang pepejal pada favicon kelihatan ketinggalan zaman dan bertembung dengan mod gelap. Berikut ialah cara untuk mengekalkan alfa hujung ke hujung.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Mulakan dengan sumber yang telus
Eksport logo anda sebagai PNG-32 tanpa isian latar belakang atau gunakan SVG. Kebanyakan kabur datang daripada latar belakang putih yang dipanggang, bukan alat favicon.
.ico menyokong alpha
Entri dimampatkan PNG di dalam .ico mengekalkan saluran alfa mereka. Entri bitmap tidak — gunakan alat yang memilih pengekodan yang betul bagi setiap saiz.
Mengendalikan mod gelap
Hantarkan SVG dengan blok <style>@media (prefers-color-scheme: dark) { ... }</style> dan biarkan .ico mengendalikan sandaran statik.
Soalan lazim
How do I make a favicon with a transparent background?
Start from a PNG-32 or SVG with no baked-in background. Export to .ico using a tool that preserves the alpha channel.
Does .ico support transparency?
Yes when entries use PNG compression. Bitmap-encoded .ico entries do not preserve alpha.
How do transparent favicons work in dark mode?
Ship an SVG favicon with prefers-color-scheme styles, and keep a static .ico fallback for browsers that ignore SVG.