Favicon-Generator
Aus einem Logo oder Bild einen kompletten Favicon-Satz erzeugen — 16 bis 512 px PNGs mit optional abgerundeten Ecken, plus HTML zum Einfügen.
Datei hierher ziehen oder klicken zum Auswählen
Dieses Tool läuft vollständig in Ihrem Browser. Ihre Daten verlassen Ihr Gerät nie — sie werden auf keinen Server hochgeladen.
So verwenden Sie es
- 1Ziehen Sie ein Bild hierher — ein quadratisches Logo funktioniert am besten.
- 2Wählen Sie eine Hintergrundfarbe und einen Ecken-Stil (quadratisch, abgerundet oder Kreis).
- 3Erzeugen Sie den Satz und laden Sie einzelne Größen oder das ganze .zip herunter.
- 4Fügen Sie den HTML-Schnipsel in den <head> Ihrer Seite ein und laden Sie die PNGs hoch.
Favicon-Generator
Werfen Sie ein ungefähr quadratisches Bild ab und erhalten die sechs PNG-Größen, die echte Projekte brauchen: 16, 32 und 48 px Favicons, einen 180-px-apple-touch-icon sowie 192- und 512-px-Icons für Android- und PWA-Manifeste. Nicht-quadratische Bilder werden mittig auf eine quadratische Canvas gesetzt, gepolstert mit der von Ihnen gewählten Hintergrundfarbe; die Ecken bleiben quadratisch, werden abgerundet oder zum vollen Kreis.
Jede Größe wird in ihren echten Pixelmaßen gerendert und lässt sich einzeln oder als einziges .zip herunterladen — zusammen mit einem Copy-Paste-<head>-Schnipsel, der dieselben Dateinamen referenziert. Die Dateien fallen also direkt in den public-Ordner Ihres Projekts.
Häufige Fragen
Welche Favicon-Größen brauche ich wirklich?
16 und 32 px decken Browser-Tabs ab, 48 px hilft bei Verknüpfungen und Lesezeichen, 180 px verlangt der iOS-Homescreen, und 192/512 px suchen Android- und Web-App-Manifeste. Alle sechs einmal erzeugen bedeutet: nie wieder darüber nachdenken.
Warum sieht mein Logo bei 16 px unscharf aus?
Ein 16-px-Tab-Icon hat insgesamt 256 Pixel, feine Details und dünne Striche verschwinden schlicht. Favicon-Sätze wirken am besten, wenn sie aus einem kräftigen, kontrastreichen Zeichen erzeugt werden — bei einem detailreichen Logo sollten Sie eine vereinfachte kleine Variante als Quellbild zeichnen.
Brauche ich noch eine .ico-Datei?
Moderne Browser nutzen PNG-Favicons gerne über <link>-Tags, und der Schnipsel dieses Tools ist alles, was sie brauchen. Ein Legacy-.ico zählt nur für sehr alte Browser, die für die meisten Websites selten genug sind, um sie zu ignorieren.
Verwandte Tools
Bild zuschneiden
Fotos auf 1:1, 4:3, 16:9 oder einen freien Bereich zuschneiden — mit ziehbaren Anfassern und pixelgenauen Werten, schnell, privat und stapelfähig.
Alle Tools →
Bildskalierer
Bilder auf exakte Pixel oder einen Prozentsatz skalieren, mit Seitenverhältnis-Sperre — ganze Stapel auf einmal, nichts verlässt Ihr Gerät.
Alle Tools →
Bildkonverter
Bilder zwischen PNG, JPG und WebP konvertieren, mit einstellbarer Qualität — ganzen Ordner abwerfen und alle Ergebnisse mit einem Klick herunterladen.
Alle Tools →
Bildkompressor
JPG-, PNG- und WebP-Bilder mit Live-Qualitätsregler komprimieren — Stapelverarbeitung und sofortige Größen vorher/nachher, alles in Ihrem Browser.
Alle Tools →
PNG zu JPG
PNG-Bilder zu JPG konvertieren und die Dateigröße drastisch senken — transparente Bereiche bekommen sauberes Weiß, die Qualität bleibt einstellbar.
Alle Tools →
Dieses Tool einbetten
Binden Sie dieses Tool mit einer Zeile in Ihre Website ein — es läuft im Browser des Besuchers.
<iframe src="https://zoyku.com/de/tools/favicon-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — favicon-generator" loading="lazy"></iframe>