Favicon (.ico) vs PNG
ICO und PNG sind keine Konkurrenten – sie ergänzen sich. Das moderne Favicon-Setup nutzt .ico als universellen Fallback und PNG als High-DPI-Override. Hier sehen Sie, wann welches Format punktet.
Favicons auf jeder Website prüfen
Installieren Sie die FetchFavicon Chrome-Erweiterung, um Favicons sofort zu extrahieren, vorzuschauen und zu validieren.
ICO ist einzigartig, weil eine einzige Datei mehrere Auflösungen einbettet. Browser oder Betriebssystem wählen zur Darstellungszeit die am besten passende Variante – kein Hochskalieren, keine unscharfen Kanten.
PNG liefert bei jeder einzelnen Auflösung schärfere Komprimierung und eignet sich besonders für einfarbige Logos. Mehrere Größen in einer Datei sind allerdings nicht möglich.
Das optimale Setup: eine Mehrgrößen-.ico plus eigenständige 32×32- und 180×180-PNGs für High-DPI-Browser und iOS.
So funktioniert es
- 1
512×512-Vorlage wählen
PNG oder SVG.
- 2
Beide Formate generieren
FetchFavicon gibt eine Mehrgrößen-.ico plus eigenständige 16/32/48/180/192/512-PNGs aus.
- 3
Beide im <head> verlinken
<link rel="icon" href="/favicon.ico"> gefolgt von <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">.
Jetzt ausprobieren
.ico und PNG generieren
PNG in ICO UmwandlerFAQ
Welches Format hat die kleinere Dateigröße?+
Ein einzelnes PNG ist kleiner als ein .ico mit derselben Auflösung. Aber eine Mehrgrößen-.ico ersetzt 4–6 PNGs und gewinnt meist beim Gesamtvolumen.
Zeigt Google PNG-Favicons in Suchergebnissen an?+
Ja. Google unterstützt .ico und PNG. Bevorzugt wird ein quadratisches Format ab 48×48.
Kann PNG Dark Mode unterstützen?+
Nicht direkt. Verwenden Sie ergänzend ein SVG-Favicon mit Dark-Mode-Support.