Um dieses Tool komfortabel zu nutzen, öffnen Sie es auf einem Laptop, Desktop-Computer oder Tablet im Querformat.
Tipp
Falls Sie ein Tablet nutzen, drehen Sie es ins Querformat - sobald die Fensterbreite ausreicht, lädt das Tool automatisch.
Erstellen Sie aus einem einzigen Bild favicon.ico und PNG-Symbole in allen erforderlichen Größen. Konform mit Browser- und Lighthouse-Anforderungen - alles läuft lokal in Ihrem Browser.
favicon.ico
favicon-16x16.png
favicon-32x32.png
apple-touch-icon.png
android-chrome-192x192.png
android-chrome-512x512.png
Ein Favicon ist mehr als ein kleines Symbol - es ist ein wesentlicher Teil der Markenidentität im Web. Browser zeigen es im Tab an, Nutzer sehen es in Lesezeichen und im Verlauf, und Lighthouse prüft seine Präsenz als Best Practice. Ohne Favicon wirkt eine Website unvollständig.
Moderne Websites benötigen Favicons in mehreren Größen: ein favicon.ico für ältere Browser, PNG-Symbole für Desktop-Browser, ein Apple Touch Icon für iOS-Geräte und größere Symbole für PWA-Installationen auf Android. Dieses Tool generiert alle erforderlichen Dateien aus einem einzigen Bild.
Die Favicon-Generierung dauert nur wenige Sekunden:
| Datei | Größe | Verwendung |
|---|---|---|
| favicon.ico | 16×16 + 32×32 | Browser-Tab (Standard) |
| favicon-16x16.png | 16×16 | Browser-Tab (kleine Darstellung) |
| favicon-32x32.png | 32×32 | Browser-Tab (Retina) |
| apple-touch-icon.png | 180×180 | iOS-Startbildschirm, Safari |
| android-chrome-192x192.png | 192×192 | Android, PWA-Installation |
| android-chrome-512x512.png | 512×512 | PWA-Splashscreen, Google-Suchergebnisse |
| site.webmanifest | - | PWA-Konfiguration (optional) |
Das Tool generiert alle Favicon-Dateien, die von modernen Browsern und Lighthouse gefordert werden. Jede Datei hat eine bestimmte Rolle:
Das Favicon erscheint an verschiedenen Stellen im Web:
Nach der Generierung der Icons stehen Ihnen mehrere Download-Optionen zur Verfügung:
Ein Favicon ist eine sehr kleine Grafik – teilweise nur 16×16 Pixel. Daher eignet sich nicht jedes Bild als Quelle: