Was ist ein Favicon?
Ein Favicon (kurz für Lieblingssymbol) ist das kleine Symbol, das in Browser-Tabs, Lesezeichen und mobilen Startbildschirmen für Ihre Website angezeigt wird. Moderne Browser und Geräte erwarten mehrere Größen von 16x16 Pixeln für Browser-Tabs bis 512x512 für PWA-Splash-Bildschirme. Dieses Tool generiert alle gängigen Größen aus einem einzelnen Quellbild zusammen mit dem HTML- und Webmanifestcode, den Sie benötigen.
Wie man Favicons generiert
- 1Laden Sie ein Quellbild hoch (PNG, JPG oder SVG). Quadratische Bilder funktionieren am besten.
- 2Passen Sie Hintergrundfarbe, Padding und Randradius an, um die Ausgabe anzupassen.
- 3Vorschau aller erzeugten Größen von 16x16 bis 512x512.
- 4Laden Sie einzelne Größen herunter oder klicken Sie auf Alle herunterladen, um jedes Favicon auf einmal zu erhalten.
- 5Kopieren Sie HTML und manifestieren Sie Snippets in Ihr Projekt.
Häufige Anwendungsfälle
Website Branding
Erstellen Sie konsistente Favicons für Browser-Tabs, Lesezeichen und Link-Vorschau.
PWA-Icons
Generieren Sie 192x192 und 512x512 Symbole für Progressive Web App Manifeste erforderlich.
Apple Touch Icons
Erstellen Sie das 180x180-Symbol für iOS-Homescreen-Lesezeichen.
Häufig gestellte Fragen
Welches Bildformat sollte ich hochladen?
PNG oder SVG ist am besten für knackige Ergebnisse. JPG funktioniert, kann aber Kompressionsartefakte in kleinen Größen einführen.
Generiert dies.ico-Dateien?
Dieses Tool generiert PNG Favicons, die den modernen Standard darstellen. Die meisten Browser unterstützen PNG Favicons. Für das ältere.ico-Format können Sie den 32x32 PNG-Ausgang konvertieren.
Welche Größen brauche ich eigentlich?
Mindestens: 16x16 und 32x32 für Browser-Tabs, 180x180 für Apple Touch Icon und 192x192 + 512x512 für PWA Manifest.