Favicon-Generator
Bild oder Buchstabe → komplettes Favicon-Paket (ICO + PNG), lokal.
Ein komplettes Favicon-Paket erstellen
Laden Sie ein Logo hoch oder geben Sie einen Buchstaben/Emoji ein, wählen Sie eine Hintergrundform und -farbe und laden Sie ein ZIP herunter mit favicon.ico, allen PNG-Größen (16 → 512), dem Apple Touch Icon, einem fertigen site.webmanifest und den HTML-Tags — alles lokal in Ihrem Browser gerendert.
Der Favicon-Generator verwandelt eine Quelle — ein Logo, ein Foto oder einfach einen fetten Buchstaben oder Emoji — in das komplette Icon-Paket, das eine moderne Website benötigt: favicon.ico für ältere Browser und Adressleisten, PNG-Größen von 16 bis 512, das 180px Apple Touch Icon für iOS-Startbildschirme, Android-Chrome-Icons, ein einsatzbereites site.webmanifest und die genauen HTML-Tags zum Einfügen in Ihr <head>. Ein Klick, ein ZIP, erledigt.
Die Live-Vorschauen zeigen Ihr Icon in Originalgröße — einschließlich eines simulierten Browser-Tabs — denn die harte Wahrheit über Favicons ist, dass sie 16×16 Pixel überleben müssen. Der Buchstabenmodus existiert genau aus diesem Grund: ein fetter Anfangsbuchstabe auf einem farbigen abgerundeten Quadrat ist das Lesbarste, was Sie in einen Tab setzen können. Alles wird lokal in Ihrem Browser gerendert und gezippt; Ihre Grafik verlässt nie Ihr Gerät.
FAQ
Welche Dateien braucht eine Website 2026 eigentlich?
Eine favicon.ico (16/32/48 in einer Datei), favicon PNGs in 16/32/48, ein apple-touch-icon.png mit 180px, Android Chrome-Icons in 192 und 512 und eine site.webmanifest, die darauf verweist. Genau das enthält das ZIP, plus die HTML-Tags.
Wohin lege ich die Dateien?
Laden Sie alles in das Stammverzeichnis Ihrer Website hoch (damit /favicon.ico aufgelöst wird), und fügen Sie dann die bereitgestellten Tags in den <head> Ihrer Seiten ein. Die Datei html-snippet.txt im ZIP enthält sie fertig.
Warum sieht mein schönes Logo bei 16px wie Rauschen aus?
Details überleben nicht 256 Pixel Gesamtfläche. Erhöhen Sie den Innenabstand oder wechseln Sie in den Buchstabenmodus — ein einzelnes fettes Zeichen auf einem einfarbigen Hintergrund bleibt lesbar, wo ein vollständiges Logo es nicht kann.
Was ist die ICO-Datei und warum enthält sie drei Größen?
ICO ist ein Containerformat: Browser wählen die passendste Größe daraus aus (16 für Tabs, 32 für Taskleisten, 48 für Verknüpfungen). Der Generator bettet alle drei als Vollfarbbilder mit Transparenz ein.
Bleibt der transparente Hintergrund erhalten?
Ja — wählen Sie die Form 'Transparent', um den Alpha-Kanal Ihrer Quelle in jeder PNG und im ICO zu behalten. Die geformten Hintergründe (quadratisch/abgerundet/Kreis) gibt es für Quellen, die eine feste Bühne benötigen.
Wofür ist das Apple Touch Icon?
Wenn jemand deine Website zum iOS-Startbildschirm hinzufügt, wird das 180×180-Bild zum App-Symbol. iOS rundet die Ecken selbst, daher eignet sich ein randlos quadratisches Design am besten.
Kann ich ein Emoji als Favicon verwenden?
Ja — wechseln Sie in den Buchstabenmodus und geben Sie ein beliebiges Emoji ein. Es wird mit dem Emoji-Schriftart Ihres Systems auf die gewählte Form und Farbe gerendert. Eine legitime, einprägsame Option für persönliche Seiten.
Wurde mein Logo hochgeladen?
Nein. Rendering, ICO-Kodierung und ZIP-Packen erfolgen alle in Ihrem Browser – das Tool funktioniert offline, sobald es geladen ist.