Anleitung

Transparenter Favicon-Generator

Ein Favicon mit einfarbigem Hintergrund wirkt veraltet und kollidiert mit Dark-Mode-Browsern. Generieren Sie eines mit voller Alpha-Transparenz – es fügt sich nahtlos in jedes Theme ein.

For a longer walkthrough with FAQ and troubleshooting, see our step-by-step tutorial.

PNG und .ico unterstützen beide Alphakanäle. Unser Generator bewahrt die Transparenz Ihrer PNG- oder SVG-Vorlage durchgängig.

Für optimale Dark/Light-Handhabung liefern Sie neben der .ico ein SVG-Favicon mit eingebetteter prefers-color-scheme-Media-Query aus.

So funktioniert es

  1. 1

    Logo mit Transparenz exportieren

    PNG-32 oder SVG ohne Hintergrund.

  2. 2

    Hochladen

    Wir erkennen den Alphakanal und erhalten ihn in jeder Größe.

  3. 3

    Herunterladen

    Transparente .ico + PNG, sofort einsetzbar.

Jetzt ausprobieren

Transparentes Favicon generieren

Favicon-Generator

FAQ

Unterstützt .ico Transparenz?+

Ja – PNG-komprimierte Einträge in der .ico behalten ihren Alphakanal.

Warum hat mein Favicon einen weißen Kasten?+

Ihr Quell-PNG hat einen weißen Hintergrund. Exportieren Sie es erneut ohne Hintergrundfüllung aus Ihrem Design-Tool.

Können sich SVG-Favicons an den Dark Mode anpassen?+

Ja. Betten Sie einen <style>@media (prefers-color-scheme: dark) { ... }</style>-Block ein.

Verwandte Tools

Weitere Anleitungen

Anleitungen

FetchFavicon entdecken

Kategorien

Konverter

Hilfsprogramme

Leitfäden

Anleitungen