Beste Favicon-Größen für Websites

Online kursieren Dutzende Empfehlungen. Hier ist das minimale Set, das tatsächlich 100 % aller Nutzer abdeckt.

5 Min. Lesezeit

Favicons auf jeder Website prüfen

Installieren Sie die FetchFavicon Chrome-Erweiterung, um Favicons sofort zu extrahieren, vorzuschauen und zu validieren.

Chrome-Erweiterung installieren

Was Browser anfordern

Desktop-Browser verlangen 16×16 (Tab), 32×32 (Lesezeichenleiste) und 48×48 (Suchergebnisse). Alle drei passen problemlos in eine .ico-Datei.

Was Betriebssysteme anfordern

Windows-Startmenü und Datei-Explorer können bis zu 256×256 anfragen. macOS bevorzugt .icns, akzeptiert aber .ico. Bündeln Sie 16, 32, 48, 64, 128, 256 in Ihrer .ico für vollständige Abdeckung.

Was PWAs und Mobilgeräte verlangen

Ergänzen Sie 180×180 (apple-touch-icon) und 192×192 + 512×512 PNGs (Web-Manifest) für saubere Homescreen-Installationen.

Das minimale Set

Mehrgrößen-favicon.ico + apple-touch-icon.png (180×180) + ein 512×512-PNG im Manifest. Das genügt.

FAQ

What is the best favicon size for websites?

Ship a multi-size favicon.ico with 16, 32, 48, 64, 128, and 256 pixels. Add 180×180 for Apple and 192/512 PNGs for PWAs.

What favicon size do browsers use in tabs?

Desktop browsers typically request 16×16 for tabs, 32×32 for bookmark bars, and 48×48 for some search results.

What is the minimum favicon setup?

A multi-size favicon.ico plus apple-touch-icon.png (180×180) and a 512×512 PNG in your web manifest.

Do I need a 256×256 favicon?

Yes for Windows shortcuts and high-DPI surfaces. Bundle it inside your .ico file.

Verwandte Leitfäden

Probieren Sie die Tools

Weiterlesen