PNG zu ICO
PNG zu ICO verwandelt ein Bild in eine Windows-Symboldatei, die mehrere Größen auf einmal enthält, damit jeder Tab, jede Taskleiste und jeder Desktop eine scharfe Version bekommt. Die Datei ist ein echtes .ico mit mehreren Größen – 16, 32, 48 und 256 Pixel in einer Datei – statt einer skalierten Bitmap, und sie entsteht in Ihrem Browser; nichts wird hochgeladen.
Ein quadratisches PNG ablegen oder zum Auswählen klicken
oder irgendwo auf der Seite ablegen · Datei auswählen · 100 MB
Unterstützt: PNG, JPG, JPEG, WebP, AVIF, HEIC
Wie funktioniert PNG zu ICO?
Ein .ico ist kein Bildformat. Es ist ein Verzeichnis: ein Header, ein 16-Byte-Eintrag pro Bild und dann die Bilder selbst. Das Betriebssystem liest das Verzeichnis und wählt den Eintrag, der zur benötigten Größe passt – 16 Pixel für einen Browser-Tab, 32 für eine Taskleiste, 48 für die mittlere Ansicht des Explorers, 256 auf einem High-DPI-Desktop.
Warum eine einzige Größe die falsche Antwort ist
Fast jedes „Nach ICO konvertieren“-Tool erzeugt ein einzelnes 32×32- oder 256×256-Bild. Ein einzelnes 32-Pixel-Icon, das mit 256 angezeigt wird, ist eine achtfach vergrößerte 32-Pixel-Zeichnung – genau das unscharfe Favicon, das jeder bemerkt und keiner zuordnen kann. Ein einzelnes 256-Pixel-Icon, das mit 16 angezeigt wird, ist schlimmer: Der Browser verkleinert es mit dem Filter, den er eben hat, und feine Striche verschwinden im Grau.
Jeder Eintrag wird hier aus Ihren Originalpixeln in seiner eigenen Ausgabegröße gezeichnet statt aus einer größeren Verkleinerung resampelt. Das zählt bei 16 Pixeln, wo ein Ein-Pixel-Strich den Unterschied zwischen einem lesbaren Zeichen und einem Klecks ausmacht.
PNG-Einträge und der eine Fall, in dem das nicht reicht
Das Format enthielt ursprünglich geräteunabhängige Bitmaps. Seit Windows Vista kann ein Eintrag stattdessen eine vollständige PNG-Datei sein, und genau das schreibt dieses Tool – kleiner, erhält Transparenz und braucht keinen Bitmap-Encoder. Windows 10 und 11, jeder Browser und die macOS-eigenen Werkzeuge lesen das.
Die Ausnahme sei erwähnt: Eine sehr alte Windows-Shell oder ein Legacy-Installer erwartet für die kleinen Größen womöglich einen Bitmap-Eintrag. Landet Ihr Icon in etwas, das vor Vista gebaut wurde, ist das eine echte statt einer theoretischen Einschränkung.
Was ein gutes Ausgangsbild ausmacht
Quadratisch, mindestens 256×256 und transparent statt mit weißem Hintergrund, wenn es auf einem farbigen Tab-Streifen sitzen soll. Ein Zeichen mit klarer Silhouette ist bei 16 Pixeln lesbar; feine Striche, Verläufe und kleiner Text sind es nicht, und keine noch so hohe Auflösung ändert das – deshalb ist die 16-Pixel-Vorschau oben die erste, die man ansehen sollte.
Quelle
logo.png — 1024×1024, transparent
favicon.ico
16×16 PNG entry 1.1 KB
32×32 PNG entry 2.4 KB
48×48 PNG entry 4.0 KB
256×256 PNG entry 18.2 KB
——————
25.7 KB in one fileWelche Optionen und Sonderfälle unterstützt PNG zu ICO?
| Parameter | Typ | Standard | Verhalten & Sonderfälle |
|---|---|---|---|
| 16 × 16 | Größe | ein | Browser-Tabs und die Lesezeichenleiste. Die am schwersten zu treffende Größe und die am häufigsten gesehene, prüfen Sie also diese Vorschau vor jeder anderen. |
| 24 × 24 | Größe | aus | Windows-Taskleiste bei 100 % Skalierung. Standardmäßig aus, weil der 32-Pixel-Eintrag fast dasselbe abdeckt und jeder Eintrag Dateigröße kostet. |
| 32 × 32 | Größe | ein | Taskleisten-Verknüpfungen von Windows und macOS Finder. Die Größe, die die meisten Ein-Größen-Konverter erzeugen, und der Grund, warum ein Ein-Größen-Icon akzeptabel aussieht – bis es nicht mehr so ist. |
| 48 × 48 | Größe | ein | Mittlere Symbolansicht im Windows Explorer und die Größe, die die Desktop-Verknüpfung auf einem Standarddisplay verwendet. |
| 64 × 64 | Größe | aus | Große Symbole von Windows und einige Linux-Docks. Günstig mitzunehmen und selten nötig. |
| 128 × 128 | Größe | aus | Das macOS Dock und Verknüpfungslisten mit hohem DPI-Wert unter Windows. |
| 256 × 256 | Größe | ein | Extra große Symbole von Windows und das Vorschaubild, das ein Installer zeigt. Konventionsgemäß speichert das Format dies als PNG-Eintrag, und genau so geschieht es hier. |
| Eintragsformat | PNG | immer | PNG in ICO, seit Windows Vista unterstützt und von jedem Browser sowie von macOS lesbar. Eine Shell vor Vista erwartet für die kleinen Größen stattdessen womöglich einen Bitmap-Eintrag. |
| Transparenz | erhalten | ja | Der Alphakanal übersteht jede Größe, das Icon sitzt also auf einem farbigen Tab-Streifen, ohne weißen Kasten dahinter. |
| Quellenlimit | bytes | 100 MB | Alles läuft im Tab, daher wird eine größere Datei abgelehnt statt versucht. Ein quadratisches Bild mit 256 Pixeln oder mehr ist alles, was das Tool braucht. |
Häufig gestellte Fragen
Warum sieht mein Favicon im Browser-Tab unscharf aus?
Weil die Datei nur eine Größe enthält und der Tab 16 Pixel will. Ein einzelnes 32-Pixel-Icon, das mit 16 angezeigt wird, wird vom Browser herunterskaliert und verliert Details; ein einzelnes 256-Pixel-Icon ist noch schlimmer, denn beim Herunterskalieren verschwinden feine Striche ganz. Ein Multi-Size-.ico lässt den Browser den Eintrag wählen, der in genau der benötigten Größe gezeichnet wurde – das ist der ganze Sinn des Formats.
Welche Größen sollte ich einbeziehen?
16, 32, 48 und 256 deckt in der Praxis alles ab und ist genau das, was dieses Tool standardmäßig wählt. 24, 64 und 128 zusätzlich helfen bei bestimmten Skalierungsfaktoren und kosten jeweils ein paar Kilobytes. Den 256-Pixel-Eintrag behalten Sie, selbst wenn Sie ihn streichen möchten: Windows nutzt ihn für extra große Symbole und Installer, und sein Fehlen ist der Grund, warum manche Verknüpfungen ein generisches Icon zeigen.
Funktioniert die .ico in Browsern oder nur unter Windows?
Beides. Jeder Browser liest .ico für das Favicon, und gerendert werden die PNG-Einträge darin. macOS liest sie ebenfalls – `sips` und Finder kommen beide damit zurecht. Die einzige Umgebung, die je Probleme mit PNG in ICO hatte, ist eine Windows-Shell älter als Vista; deshalb sagt es die Referenztabelle, statt universelle Unterstützung zu behaupten.
Soll ich zusätzlich ein PNG-Favicon und ein Web-Manifest ausliefern?
Ja, und aus verschiedenen Gründen. Ein PNG-Favicon mit 180×180 ist das, was iOS verwendet, wenn jemand die Seite auf den Homescreen legt, und ein Web-Manifest mit 192- und 512-Pixel-PNGs ist das, was Android verwendet. Die .ico deckt Desktop-Browser und Windows ab; die anderen decken das Mobile ab. Sie sind Ergänzungen, keine Alternativen.
Meine Vorlage ist nicht quadratisch. Was passiert?
Sie wird mittig auf ein Quadrat zugeschnitten, denn jeder Eintrag in einer ICO ist per Definition quadratisch – es gibt ein width- und ein height-Feld pro Eintrag, und beide werden mit derselben Zahl geschrieben. Schneiden Sie das Bild lieber vorher selbst gezielt zu, mit dem Bildzuschnitt, falls das Interessante nicht in der Mitte liegt.
Wird mein Bild hochgeladen?
Nein. Dekodieren, Skalieren und Zusammenbau des Icons geschehen alle in diesem Tab – das Network-Panel zeigt nichts an, wenn Sie eine Datei hineinziehen. Das ist hier wichtiger, als es aussieht: Das Bild, das Menschen in ein Favicon verwandeln, ist meist ein noch unveröffentlichtes Logo.