Selbst gemessen: echte Dateigrößen
Einstellungen: Standardeinstellungen der Seite
Was die Zahlen sagenBeide Icons landeten bei etwa einem Kilobyte — 951 Byte für das Logo und 1,3 KB für die Illustration, ein Minus von 96–97% — und jede Datei enthält gleich drei Größen (16, 32 und 48 px). Ein Favicon ist von Natur aus winzig, die Quellauflösung spielt daher kaum eine Rolle. Entscheidend ist, dass die Form bei 16 px noch lesbar bleibt.
Gemessen am 2026-07-28: Die Dateien liefen in Chromium 151.0.7922.34 durch genau diese Seite. Jede Seite nutzt dieselben veröffentlichten Testdateien, damit die Werte über alle Konverter hinweg vergleichbar bleiben.Methode und Testbilder herunterladen →
Was ist PNG zu ICO?
ICO ist das Format für Windows-Icons und die favicon.ico einer Website und kann mehrere Größen in einer Datei enthalten. Dieses Tool macht aus deinem PNG eine favicon.ico mit 16/32/48 px — komplett im Browser, ohne Upload.
So funktioniert es
- PNG auswählen oder hineinziehen (quadratisch mit transparentem Hintergrund ist ideal).
- Das Tool erzeugt sofort eine Vorschau in mehreren Größen.
- Auf Herunterladen klicken, um favicon.ico zu erhalten.
Praktische Tipps
- Bereinige dein Logo zuerst (Hintergrund entfernen oder PNG in SVG) für ein schärferes Favicon.
- Bei 16px ist das Icon winzig — weniger Details lesen sich klarer.
- Nenne sie
favicon.ico im Stammverzeichnis, damit sie automatisch erkannt wird.
Ein ICO mit drei Bildern, 30× kleiner als ein PNG — wie?
Weil die drei Bilder darin winzig sind. Die Ausgabe packt 16, 32 und 48 px nebeneinander (diese drei Größen stehen fest im Quelltext, und jeder Platz enthält einen PNG-Datenstrom), zusammen 3,584 Pixel. Das 1200 × 800 große Logo hat 960,000 — 268× mehr. Die Bytes gehen 28.8 KB → 951 B (-97%), also nur um den Faktor 31. Zwei verschiedene Faktoren, und im Abstand steckt der Befund: pro Pixel ist das ICO 8.6× teurer. Kleine Bilder können ihren eigenen Grundaufwand nicht umlegen — drei PNG-Ströme tragen je einen Kopf, darauf kommt das ICO-Verzeichnis. Die Illustration verhält sich gleich: 34.7 KB → 1.3 KB (-96%). Ein Verhalten zur Form: Skaliert wird mit dem kleineren Verhältnis und dann zentriert. Eine nicht quadratische Vorlage behält ihr Seitenverhältnis und bekommt transparente Ränder im Quadrat, statt gestaucht zu werden.
Häufig gestellte Fragen
Soll ich ein großes oder ein kleines PNG einspeisen?
Ein kleines, einfaches. Ein Icon wird mit 16 bis 48 px dargestellt, Details sind also verschwendet und verschwimmen oft. Unser transparentes Logo ging von 28,8 KB auf 951 B, die flache Illustration von 34,7 KB auf 1,3 KB, minus 97% und 96% — solche Bilder überstehen es, Icon zu werden. Ein Foto lässt sich technisch umwandeln und ist im Browser-Tab nicht wiederzuerkennen.
Wird mein Bild hochgeladen?
Nein. Die Umwandlung läuft komplett im Browser. Dein Bild wird nie an einen Server gesendet oder gespeichert.
Welche Größen enthält die ICO?
Sie erzeugt eine favicon.ico mit 16×16, 32×32 und 48×48 — die Kombination, die Browser für Tabs, Lesezeichen und Verknüpfungen nutzen; das System wählt automatisch die passende.
Welches Bild sollte ich nehmen?
Ein quadratisches PNG mit transparentem Hintergrund ist ideal, damit das Icon nicht verzerrt wird; nicht-quadratische Bilder werden proportional skaliert und mittig mit transparentem Rand platziert. Einfache, kontrastreiche Motive lesen sich bei 16px am besten.
Wie nutze ich sie auf meiner Website?
Lege die heruntergeladene favicon.ico ins Stammverzeichnis oder füge <link rel="icon" href="/favicon.ico"> im <head> ein. Die meisten Browser erkennen /favicon.ico im Stammverzeichnis automatisch.
