Favicon-Generator

So generierst du Favicons

1. 1 Füge ein möglichst quadratisches Bild hinzu, mindestens 512×512 Pixel; eine Bildmarke funktioniert besser als ein Schriftzug.
2. 2 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.
3. 3 Lade das ZIP herunter und kopiere die Dateien ins Stammverzeichnis deiner Website.
4. 4 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.