Favicon-Generator
Text oder Emoji → PNG-Favicon in mehreren Größen, mit Tab-Vorschau.
- Sofort
- Kostenlos
- Privat (lokal verarbeitet)
- Ohne Anmeldung
Ein Favicon in Sekunden
Kein Bildeditor nötig: Tippen Sie einen Buchstaben oder ein Emoji, wählen Sie Farben und Form, und sehen Sie das Ergebnis in einer realistischen Tab-Vorschau. Dann jede Größe als PNG herunterladen.
-
Symbol eingeben
Ein Buchstabe, zwei Zeichen oder ein Emoji.
-
Gestalten
Hintergrund, Textfarbe, quadratische, abgerundete oder runde Form.
-
Herunterladen
Die PNGs in 16, 32, 180 und 512 px, fürs Web bereit.
Größen und ihre Verwendung
| Größe | Verwendung |
|---|---|
| 16×16 | Browser-Tab |
| 32×32 | Lesezeichen, Desktop-Verknüpfung |
| 180×180 | iOS-Startbildschirm-Symbol (apple-touch-icon) |
| 512×512 | PWA-Manifest / Android-Startbildschirm |
Alles wird im Browser auf einem Canvas gezeichnet: kein Bild wird online gesendet.
Häufige Fragen
Was ist ein Favicon?
Es ist das kleine Symbol im Browser-Tab neben dem Seitentitel sowie in Lesezeichen und Verlauf. Ein gutes Favicon macht Ihre Seite auf einen Blick unter Dutzenden Tabs erkennbar.
Welche Größen sollte ich erzeugen?
16×16 und 32×32 für Tab und Lesezeichen, 180×180 für das iOS-Startbildschirm-Symbol (apple-touch-icon) und 512×512 für das PWA-Manifest. Dieses Tool exportiert diese Größen direkt als PNG.
Wie füge ich es meiner Seite hinzu?
Setzen Sie das Tag in den <head>: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">. Fügen Sie eine apple-touch-icon-Zeile für iOS hinzu und deklarieren Sie die Icons im Manifest für PWAs.
Kann ich ein Emoji verwenden?
Ja: Fügen Sie ein beliebiges Emoji ins Textfeld ein, es wird auf den gewählten Hintergrund gezeichnet. Ein schneller Weg zu einem farbenfrohen, ausdrucksstarken Favicon ohne Zeichensoftware.