Favicon Generator
Laden Sie ein Bild (PNG, JPG, SVG) hoch oder wählen Sie ein Emoji und generieren Sie sofort das komplette Favicon Set: 16, 32, 48, 64, 180×180 Apple Touch Icon, 192 und 512 px PWA Icons, plus ein klassisches Multi-Größen favicon.ico. Direkt in Ihren /public Ordner ziehen.
Ihr Bild wird in Ihrem Browser verarbeitet. Es wird nichts auf einen Server hochgeladen.
So verwenden Sie diesen favicon generator
- Laden Sie ein quadratisches Bild hoch (PNG/JPG/SVG/WebP) oder wählen Sie ein Emoji aus der Auswahl.
- Wählen Sie einen Hintergrund — transparent, weiß oder eine eigene Farbe.
- Sehen Sie das Favicon in jeder Standardgröße: 16, 32, 48, 64, 180, 192, 512.
- Laden Sie einzelne PNGs, die Multi-Größen favicon.ico herunter oder kopieren Sie die HTML <link> Tags für Ihre Seite.
Häufig gestellte Fragen
Welche Größen werden erzeugt?
16, 32, 48 und 64 px PNGs (Browser Favicons), 180×180 (Apple Touch Icon), 192 und 512 px (PWA / Manifest Icons), plus eine Multi-Größen .ico mit 16, 32 und 48 px.
Kann ich ein Emoji statt eines Bildes verwenden?
Ja. Wählen Sie ein beliebiges Emoji aus der Auswahl — es wird in jeder Größe auf ein Canvas gerendert, mit transparentem oder festem Hintergrund Ihrer Wahl.
Welche HTML Tags brauche ich?
Das Tool generiert copy-paste-fertige <link rel="icon">, <link rel="apple-touch-icon"> und Manifest-Einträge mit den richtigen Größen und Pfaden.
Warum sieht mein Favicon bei 16×16 verschwommen aus, obwohl ich ein hochauflösendes Bild hochgeladen habe?
Detailreiche Logos verlieren bei der Verkleinerung auf 16 Pixel an Schärfe — es ist einfach kein Platz für dünne Striche oder kleinen Text. Entwirf für die kleinste Größe zuerst: ein fetter Einzelbuchstabe, Monogramm oder eine Icon-Form funktioniert besser als ein geschrumpftes Volllogo.