In diesem Artikel
Was ist ein Favicon?
Ein Favicon (kurz für "favorite icon", also Lieblingssymbol) ist das kleine Symbol, das in Browser-Tabs, Lesezeichenlisten und auf mobilen Startbildschirmen neben dem Namen Ihrer Website erscheint. Es gehört zu den ersten visuellen Markenelementen, die Besucher wahrnehmen, und spielt eine zentrale Rolle für den Wiedererkennungswert einer Website.
Moderne Browser und Geräte erwarten Favicons in mehreren Größen – von 16×16 Pixeln für Browser-Tabs bis 512×512 für die Splash-Screens von Progressive Web Apps. Der richtige Satz an Größen sorgt dafür, dass Ihr Symbol auf jedem Gerät und in jedem Kontext gestochen scharf aussieht.
So funktioniert unser Favicon-Generator
Der Favicon-Generator von CheckTown läuft vollständig in Ihrem Browser – es werden keine Dateien auf einen Server hochgeladen:
- Laden Sie ein beliebiges Bild (JPEG, PNG oder WebP) hoch – idealerweise ein quadratisches Logo oder Symbol – per Drag-and-drop oder über die Dateiauswahl
- Das Tool erzeugt alle Standardgrößen (16×16, 32×32, 48×48, 64×64, 128×128, 192×192, 256×256, 512×512) als PNG-Dateien
- Kopieren Sie die einsatzbereiten HTML- und Web-Manifest-Snippets und laden Sie dann einzelne Größen oder alle auf einmal herunter
Kostenlos testen – keine Registrierung erforderlich
Favicons generieren →Wann ein Favicon-Generator sinnvoll ist
Jede Website braucht Favicons, und sie korrekt zu erzeugen ist in mehreren Situationen wichtig:
- Start einer neuen Website – erzeugen Sie aus einem einzigen Ausgangsbild alle erforderlichen Größen, damit Ihre Marke in Tabs, Lesezeichen und bei PWA-Installationen korrekt erscheint
- Rebranding – wenn sich Ihr Logo ändert, generieren Sie den kompletten Favicon-Satz neu, um alle Kontaktpunkte einheitlich zu aktualisieren
- PWA-Entwicklung – Progressive Web Apps benötigen die Symbole 192×192 und 512×512 im Web-Manifest für Installationsaufforderungen und Splash-Screens
Häufig gestellte Fragen
Welches Bild sollte ich als Vorlage verwenden?
Verwenden Sie ein quadratisches Bild (Verhältnis 1:1) mit einem schlichten, gut erkennbaren Design. Komplexe Logos mit feinem Text sind bei 16×16 oft nicht mehr lesbar. Am besten eignet sich ein minimalistisches Symbol oder ein Buchstabenkürzel. Ideal ist ein PNG mit Transparenz.
Brauche ich alle erzeugten Größen?
Mindestens benötigen Sie 16×16 und 32×32 für Browser-Tabs, dazu 180×180 für das Apple-Touch-Icon sowie 192×192 und 512×512 für PWA-Manifeste. Die übrigen Größen verbessern die Kompatibilität mit unterschiedlichen Browsern und Geräten.
Wird mein Bild auf einen Server hochgeladen?
Nein. Sämtliche Skalierung und Verarbeitung erfolgt lokal in Ihrem Browser über die Canvas-API. Ihr Bild verlässt Ihr Gerät zu keinem Zeitpunkt.