Erstelle ein Favicon, das auch bei 16 px gut aussieht. Nutze Bild, Text oder Emoji, prüfe es in echten Kontexten und lade ein produktionsreifes Paket herunter.
🔒 Dein Bild verlässt diesen Browser nie.
Designvorschau
Wie wirkt es ganz klein?
64px48px32px24px16px
Export
Favicon-Paket herunterladen
Enthält ICO, PNG, Apple-Icon, PWA-Manifest und Installationshinweise.
Verwende diese Tags im HTML-Kopf.
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Favicon-Grundlagen
Mehr als ein verkleinertes Logo: ein klares Zeichen in echter Größe.
ICO, PNG und SVG
ICO ist breit kompatibel. PNG bedient bestimmte Größen. SVG eignet sich nur für echte, sichere Vektoren.
Favicon hinzufügen
Das Paket enthält Hinweise für HTML, Next.js und React/Vite. Wähle eine Installationsmethode.
Tipps für den Dunkelmodus
Prüfe vor dem Export die helle und dunkle Vorschau. Eine dunkle Marke kann auf dunkler Browser-Chrome verschwinden.
Google-Darstellung
Google steuert die endgültige Favicon-Darstellung. Halte das Symbol quadratisch, stabil und crawlbar; Aktualisierungen brauchen Zeit.
FAQ
FAQ zum Favicon-Generator
Was ist ein Favicon?
Ein Favicon ist das kleine quadratische Symbol in Browser-Tabs, Lesezeichen und manchen Suchergebnissen.
Welche Favicon-Größen brauche ich?
Dieses Paket enthält ICO sowie PNGs mit 16, 32, 180, 192 und 512 Pixeln für verbreitete Browser- und App-Fälle.
Wird mein Bild hochgeladen?
Nein. Bilddekodierung, Zeichnen und Export laufen im Browser.
Ist das ein KI-Favicon-Generator?
Nein. Das Tool erstellt Favicons aus Bild, Text oder Emoji und macht keine Behauptungen über KI-generierte Logos.
Warum wirkt mein Favicon unscharf?
Kleine Symbole brauchen ein klares, kontrastreiches Zeichen. Nutze die echten 16- und 32-px-Vorschauen, um Rand zu verringern oder Details zu vereinfachen.
