Favicon-Generator
Der Favicon Generator macht aus ein oder zwei Zeichen oder einem Emoji ein Favicon mit Hintergrund, Textfarbe und Form deiner Wahl und exportiert PNG-Dateien in 256, 128, 64, 32 und 16 px.
Über dieses Tool
Der Favicon Generator macht aus ein oder zwei Zeichen oder einem Emoji ein Favicon mit Hintergrund, Textfarbe und Form deiner Wahl und exportiert PNG-Dateien in 256, 128, 64, 32 und 16 px.
So funktioniert’s
- Tippe ein oder zwei Buchstaben oder füge ein Emoji ein.
- Wähle Hintergrund- und Textfarbe.
- Wähle eine eckige, abgerundete oder runde Form.
- Lade die PNG-Größen herunter, die du brauchst.
Gut zu wissen
- Browser zeigen Favicons in Tabs mit 16 × 16 px an, daher sind kräftige, einfache Formen am besten erkennbar.
- Moderne Browser akzeptieren PNG-Favicons über <link rel="icon" type="image/png" href="/favicon-32.png">.
- Apple Touch Icons sind meist 180 × 180 px groß; der 256-px-Export lässt sich dafür verkleinern.
- Es werden nur die ersten beiden Zeichen des Textes gezeichnet.
- Die Bilder werden mit der Canvas API auf deinem Gerät gezeichnet.
Läuft komplett in deinem Browser – nichts, was du eingibst, wird hochgeladen oder gespeichert.
Häufige Fragen
Welche Größe sollte ein Favicon haben?
Stelle mindestens 32 × 32 px für Browser-Tabs bereit, dazu größere Formate wie 180 px für Apple Touch Icons sowie 192 oder 512 px für Web-App-Manifeste.
Wie füge ich meiner Website ein Favicon hinzu?
Lade das PNG hoch und füge <link rel="icon" type="image/png" href="/favicon-32.png"> in den head deines HTML ein.
Kann ich ein Emoji als Favicon verwenden?
Ja. Füge ein Emoji in das Textfeld ein und lade das PNG herunter; es wird mit der Emoji-Schrift deines Systems gerendert.
Brauche ich noch eine favicon.ico-Datei?
Für moderne Browser nicht, sie akzeptieren PNG. Manche ältere Tools und Browser suchen aber noch nach /favicon.ico, daher behalten viele Websites aus Kompatibilitätsgründen eine.