Przezroczysty przewodnik po Faviconach
Jednolite tło favikony wygląda na przestarzałe i koliduje z trybem ciemnym. Oto jak zachować alfa od początku do końca.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Zacznij od przejrzystego źródła
Wyeksportuj swoje logo jako PNG-32 bez wypełnienia tła lub użyj SVG. Większość rozmyć pochodzi z wypalonego białego tła, a nie z narzędzia Favicon.
.ico obsługuje wersję alfa
Wpisy skompresowane PNG w .ico zachowują swój kanał alfa. Wpisy bitmapowe tego nie robią — użyj narzędzia, które wybiera odpowiednie kodowanie dla każdego rozmiaru.
Obsługa trybu ciemnego
Wyślij SVG z blokiem <style>@media (prefers-color-scheme: dark) { ... </style> i pozwól .ico obsłużyć statyczny powrót.
FAQ
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.