Gids voor transparante favicons
Een effen achtergrond op een favicon oogt gedateerd en vloekt met dark mode. Zo behoud je alfa end-to-end.
3 min leestijd
Begin met een transparante bron
Exporteer je logo als PNG-32 zonder achtergrondvulling, of gebruik SVG. De meeste onscherpte ontstaat door een ingebakken witte achtergrond, niet door de favicon-tool.
.ico ondersteunt alfa
PNG-gecomprimeerde vermeldingen binnen .ico behouden hun alfakanaal. Bitmap-vermeldingen niet — gebruik een tool die per maat de juiste encoding kiest.
Omgaan met dark mode
Lever een SVG met een <style>@media (prefers-color-scheme: dark) { ... }</style>-blok, en laat .ico de statische fallback afhandelen.