Favicon-Generator
Ein Bild rein, das komplette Favicon-Set raus.
So generierst du Favicons
- Füge ein möglichst quadratisches Bild hinzu, mindestens 512×512 Pixel; eine Bildmarke funktioniert besser als ein Schriftzug.
- Das Set entsteht in einem Rutsch: favicon.ico (16/32/48), Favicon-PNGs in 16, 32, 48, 192 und 512 sowie apple-touch-icon.png in 180.
- Lade das ZIP herunter und kopiere die Dateien ins Stammverzeichnis deiner Website.
- Binde sie im HTML-Head ein: link rel="icon" href="/favicon.ico", dazu rel="apple-touch-icon" für iOS und die 192/512-PNGs im Web-Manifest.
Häufige Fragen
- Welche Dateien braucht eine Website wirklich?
- favicon.ico deckt klassische Browser und Lesezeichen ab, das 32-px-PNG moderne Tabs, apple-touch-icon.png den iOS-Homescreen, und die 192/512-PNGs gehören ins Web-Manifest für Android und PWA-Installationen.
- Warum wirkt mein Logo bei 16 Pixeln matschig?
- Sechzehn Pixel können keine Details tragen. Favicons funktionieren als einfache, kräftige Marke am besten; ist dein Logo detailreich, schneide es vorher auf sein einfachstes Element zu.
- Ist ein nicht quadratisches Bild ein Problem?
- Nein, es wird zuerst mittig quadratisch zugeschnitten. Trifft der Zuschnitt die falsche Stelle, mach das Bild selbst quadratisch und generiere neu.
- Wird mein Bild irgendwohin hochgeladen?
- Nein. Die Generierung läuft vollständig in deinem Browser; das Bild verlässt dein Gerät nicht.