Favicon-Größe: alle Maße, die du 2026 brauchst
Die Größen, die Browser, Google-Suche, iOS und Android tatsächlich nutzen — von 16 × 16 bis 512 × 512 —, welche Formate du ausliefern solltest und das HTML, das sie verknüpft. Das ganze Set lokal erzeugen.
Es gibt nicht die eine Favicon-Größe. Ein Browser-Tab nutzt ein Icon mit 16 × 16 oder 32 × 32 Pixeln; Google zeigt neben Suchergebnissen eine 48 × 48-Version und verlangt eine Datei in Vielfachen von 48; iPhones wollen ein 180 × 180-PNG für den Homescreen; Android und Progressive Web Apps lesen 192 × 192- und 512 × 512-Icons aus einem Manifest. Ein vollständiges Set besteht deshalb aus einer Handvoll Dateien, erzeugt aus einem quadratischen Master von mindestens 512 × 512 Pixeln.
Die gute Nachricht: Moderne Browser akzeptieren auch ein SVG-Favicon, das auf jede Größe skaliert, und eine einzige ICO-Datei mit mehreren Auflösungen deckt jeden Altfall ab. Die Tabelle unten zeigt, was jede Plattform liest und welche Datei sie erwartet.
Favicon-Größen nach Plattform
| Wo es erscheint | Größe | Datei / Tag |
|---|---|---|
| Browser-Tab, Lesezeichen | 16 × 16, 32 × 32 px | favicon.ico (mehrere Größen) oder PNG via rel="icon" |
| Windows-Taskleiste / angeheftet | 48 × 48 px | in der favicon.ico |
| Google-Suchergebnisse | Vielfache von 48 px | jedes gültige Favicon ≥ 48 × 48, quadratisch |
| iOS-/iPadOS-Homescreen | 180 × 180 px | rel="apple-touch-icon" PNG |
| Android-Homescreen | 192 × 192 px | Icons im manifest.json |
| PWA-Installation / Splash | 512 × 512 px | Icons im manifest.json |
| Jede Größe, moderne Browser | Vektor | rel="icon" type="image/svg+xml" |
Google verlangt ein quadratisches Favicon von mindestens 8 × 8, idealerweise größer als 48 × 48, unter einer stabilen URL auf der Root-Domain; ein Favicon pro Host.
Das Mindest-Set für eine normale Website
- favicon.ico im Stammverzeichnis mit 16, 32 und 48 px — der Fallback, den jeder Browser und Crawler ohne Markup findet.
- Ein 32 × 32- oder 48 × 48-PNG per <link rel="icon"> — in aktuellen Browsern schärfer als ICO.
- Ein 180 × 180-PNG als apple-touch-icon — das nutzt Safari, wenn eine Seite zum iOS-Homescreen hinzugefügt wird.
- 192 × 192- und 512 × 512-PNGs aus einem Web-App-Manifest — nötig für Androids „Zum Startbildschirm“ und PWAs.
Optional ein SVG-Icon ergänzen; Browser, die es verstehen, nehmen den Vektor, ältere fallen auf PNG oder ICO zurück. All das entsteht auf einmal aus einer quadratischen Quelle mit dem Favicon-Generator.
Gestaltungsregeln, die 16 Pixel überstehen
Bei 16 × 16 hat ein Favicon insgesamt 256 Pixel. Wortmarken, dünne Linien und Verläufe verschwinden; eine einzelne kräftige Form oder ein Buchstabe auf einfarbigem Grund bleibt erkennbar. Gestalte den Master in 512 × 512 und prüfe dann den 16-Pixel-Export — wenn der lesbar ist, ist es alles Größere auch. Lass einen kleinen Rand, damit das Icon nicht an die Kanten stößt, und vermeide reinweiße Hintergründe, die in einer hellen Tab-Leiste verschwinden (ein transparentes PNG mit farbiger Form funktioniert besser).
Favicon in der Google-Suche
Google zeigt das Favicon einer Website neben ihren Ergebnissen, mobil und am Desktop. Dafür muss das Icon quadratisch sein, mindestens 8 × 8 Pixel (48 × 48 oder größer empfohlen, in Vielfachen von 48), für den Googlebot erreichbar, von der Startseite per rel="icon", "shortcut icon" oder "apple-touch-icon" verlinkt und auf derselben Domain gehostet — ein Favicon pro Host unter einer URL, die sich nicht ändert. Google kann es trotzdem nicht anzeigen oder bei unangemessenen Motiven durch ein Standard-Icon ersetzen.
Das HTML, das das Set verknüpft
Die Tags gehören in den <head> jeder Seite: <link rel="icon" href="/favicon.ico" sizes="any">, <link rel="icon" type="image/svg+xml" href="/icon.svg">, <link rel="apple-touch-icon" href="/apple-touch-icon.png"> und <link rel="manifest" href="/manifest.webmanifest">, wobei das Manifest die 192- und 512-px-Icons auflistet. Der Generator gibt genau dieses Snippet zusammen mit den Dateien aus.
Häufige Fragen
Mehrere: 16 × 16 und 32 × 32 für Tabs (in favicon.ico oder als PNG), 48 × 48 für Google, 180 × 180 für iOS sowie 192 × 192 und 512 × 512 für Android und PWAs. Start ist ein 512 × 512-Master.
Für Browser-Tabs ja, aber die Google-Suche will mindestens 48 × 48, und mobile Homescreens brauchen 180 oder 192 px. Eine einzelne 32-px-Datei wirkt dort unscharf.
Beides. ICO ist der universelle Fallback (und kann mehrere Größen in einer Datei halten); PNG ist in modernen Browsern schärfer; SVG skaliert überall dort, wo es unterstützt wird, auf jede Größe.
Google liest jedes quadratische Favicon ab 8 × 8 px, empfiehlt aber 48 × 48 oder größer in Vielfachen von 48, ausgeliefert unter einer stabilen URL auf der Root-Domain.
Nein. Der Favicon-Generator skaliert und verpackt alles in deinem Browser; nichts wird an einen Server gesendet.