Favicon erstellen
Mach aus deinem Logo, einem Foto, einem Buchstaben oder einem Emoji ein komplettes Favicon-Set: favicon.ico mit 16, 32 und 48 px, PNG-Icons, ein Apple-Touch-Icon für den iPhone-Homescreen, Android-Icons und ein Web-Manifest. Du bekommst alles als ZIP, dazu die <link>-Tags für deinen <head>. Die Icons entstehen in deinem Browser, dein Logo wird nirgendwohin hochgeladen.
In Originalgröße
Im Browser-Tab
In den <head> deiner Seiten einfügen:
Leg die Dateien ins Hauptverzeichnis deiner Website, neben die Startseite. Liegen sie woanders, pass die Pfade an.
So funktioniert es
- Logo oder Bild ablegen – oder auf „Text oder Emoji“ umschalten und ein, zwei Zeichen tippen.
- Ist das Bild nicht quadratisch, wähl Einpassen oder Füllen. Wenn du keine Transparenz willst, nimm eine Hintergrundfarbe, und prüf die Tab-Vorschau.
- ZIP herunterladen, die Dateien ins Hauptverzeichnis deiner Website legen und den HTML-Code in den <head> einfügen.
Häufige Fragen
Welche Favicon-Größen brauche ich wirklich?
Für aktuelle Browser: favicon.ico (für ältere Browser und Programme, die direkt /favicon.ico abrufen), ein 32-px-PNG für Tabs auf hochauflösenden Displays, ein 180-px-Apple-Touch-Icon für den Homescreen von iPhone und iPad sowie 192 und 512 px im Web-Manifest für Android und installierbare Web-Apps. Genau diese Dateien bekommst du hier. Die Dutzenden Größen mancher Generatoren brauchst du nicht.
Welches Bild eignet sich am besten?
Ein quadratisches Logo oder Symbol mit mindestens 512 px und wenig Details. 16 px sind gerade mal 256 Pixel – Schrift und feine Linien gehen da verloren. Ein kräftiger Anfangsbuchstabe oder ein einfaches Symbol wirkt viel besser als ein ganzer Schriftzug. Mit einer SVG wird das Ergebnis am schärfsten.
Warum sehe ich mein neues Favicon nicht?
Browser speichern Favicons hartnäckig im Cache. Öffne die Seite in einem privaten Fenster oder ruf deinedomain.de/favicon.ico direkt auf und lade neu. In den Google-Suchergebnissen kann die Änderung Tage bis Wochen dauern.
Klappt das mit WordPress, Shopify oder Wix?
Ja. Baukästen haben meist eine eigene Einstellung für das Website-Icon, in die du ein quadratisches Bild lädst – android-chrome-512x512.png aus dem ZIP passt dafür gut. Der HTML-Code ist für Websites gedacht, bei denen du den <head> selbst bearbeitest.
Wird mein Logo hochgeladen?
Nein. Dein Browser liest das Bild, verkleinert es und packt das ZIP. Nichts geht an einen Server.