Guida al favicon trasparente
Uno sfondo pieno su una favicon sembra datato e stona con la dark mode. Ecco come preservare il canale alfa end-to-end.
3 min di lettura
Parti da un sorgente trasparente
Esporta il logo come PNG-32 senza riempimento di sfondo, oppure usa un SVG. Nella maggior parte dei casi la sfocatura deriva da uno sfondo bianco incorporato, non dallo strumento favicon.
.ico supporta il canale alfa
Le voci compresse in PNG all'interno del .ico mantengono il canale alfa. Le voci bitmap no — usa uno strumento che scelga la codifica giusta per ogni dimensione.
Gestione della dark mode
Pubblica un SVG con un blocco <style>@media (prefers-color-scheme: dark) { ... }</style> e lascia che .ico gestisca il fallback statico.