Favicon in Sekunden erstellen
Ein Favicon ist das kleine Icon, das in Browser-Tabs, Lesezeichen, im Verlauf, in mobilen Suchergebnissen und auf dem Startbildschirm angezeigt wird, wenn jemand deine Website speichert. Es hilft Besuchern, deinen Tab unter vielen wiederzufinden, und verleiht selbst einer kleinen Website den letzten Schliff. Dieser Favicon-Generator erstellt alle benötigten Dateien aus einem einzigen Bild – oder aus einem Buchstaben bzw. Emoji, falls du noch kein Logo hast – und liefert dir den passenden HTML-Code, um sie in deine Website einzubinden.
Funktionen
- Aus einem Bild: PNG, JPG, SVG, WebP und mehr.
- Aus Text oder Emoji: Initialen oder ein Emoji auf farbigem Hintergrund.
- Abgerundete Ecken und Abstände, damit das Icon perfekt in Tabs und auf Startbildschirme passt.
- Live-Vorschau in 16, 32, 64 und 128 Pixeln.
- Komplettpaket: favicon.ico in mehreren Größen, PNG-Icons, Apple Touch Icon, Android-Icons und Web Manifest.
- Kopierfertige HTML-Link-Tags.
- Privat: Wird komplett in deinem Browser generiert.
Favicon-Größen erklärt
| Datei | Größe | Verwendet für |
|---|---|---|
| favicon.ico | 16, 32, 48 px | Alle Browser, Windows-Verknüpfungen, Legacy-Fallback |
| favicon-16x16.png | 16 px | Browser-Tabs |
| favicon-32x32.png | 32 px | Tabs auf High-DPI-Bildschirmen, Taskleiste |
| apple-touch-icon.png | 180 px | iPhone- und iPad-Startbildschirm |
| android-chrome-192x192.png | 192 px | Android-Startbildschirm |
| android-chrome-512x512.png | 512 px | Android-Splash-Screen, PWA-Installation |
Design-Tipps
- Vereinfachen. Verwende das Symbol deines Logos, nicht das vollständige Logo mit dem Firmennamen.
- Kontrast nutzen. Das Icon muss sich sowohl bei hellen als auch bei dunklen Browser-Themes gut abheben.
- Bei 16 px testen. Wenn du es in der kleinsten Vorschau nicht erkennen kannst, vereinfache es weiter.
- Das Quadrat füllen. Icons mit viel Leerraum wirken in Tabs winzig; reduziere den Innenabstand.
Ähnliche Tools
Wandle ein Vektor-Logo zuerst mit SVG in PNG in ein hochauflösendes PNG um, ändere die Größe eines vorhandenen Bildes mit Bildgröße ändern oder wechsle zwischen verschiedenen Bildformaten mit dem Bild-Konverter.