Leitfaden für transparente Favicons
Ein einfarbiger Hintergrund auf einem Favicon wirkt veraltet und kollidiert mit dem Dark Mode. So bleibt der Alphakanal durchgängig erhalten.
3 Min. Lesezeit
Mit transparenter Vorlage starten
Exportieren Sie Ihr Logo als PNG-32 ohne Hintergrundfüllung oder als SVG. Die häufigste Ursache für ungewollte Hintergründe ist ein fest eingebranntes Weiß in der Quelldatei – nicht das Favicon-Tool.
.ico unterstützt Alphakanal
PNG-komprimierte Einträge in der .ico behalten ihren Alphakanal. Bitmap-Einträge hingegen nicht – verwenden Sie ein Tool, das pro Größe die richtige Kodierung wählt.
Dark Mode behandeln
Liefern Sie ein SVG mit einem <style>@media (prefers-color-scheme: dark) { ... }</style>-Block aus und lassen Sie die .ico den statischen Fallback übernehmen.