ICO-Format — Windows-Symbole und Favicons
ICO erklärt: mehrere Größen in einer Datei, Header, empfohlene Windows-Größen (16, 32, 48, 256 px), PNG-Symbole, favicon.ico und Tipps zur Umwandlung aus PNG.
ICO ist das Format, in dem Windows Symbole für Programme, Dateien und Verknüpfungen speichert. Der offiziell bei der IANA registrierte Medientyp lautet image/vnd.microsoft.icon, in der Praxis ist aber image/x-icon weiter verbreitet (MDN). Der größte Unterschied zu gewöhnlichen Bildformaten: Eine Datei enthält mehrere Bilder in verschiedenen Größen. Windows wählt je nach Situation – Taskleiste, Explorer-Liste, Ansicht mit großen Symbolen – die passendste Größe aus.
Aufbau
Eine ICO-Datei beginnt mit einem kurzen Header und einer „Bildliste (Verzeichnis)“. Jeder Listeneintrag nennt Breite, Höhe, Farbanzahl und die Position der Daten; danach folgen die eigentlichen Bilder. Jedes Bild wird in einer von zwei Formen gespeichert:
- BMP-Format (DIB): Die klassische Variante. Neben den Farbdaten wird eine 1-Bit-AND-Maske (transparent oder nicht) gespeichert; 32-Bit-Bilder stellen weiche Transparenz über einen Alphakanal dar. Der Datei-Header (
BM) fehlt dabei. - PNG-Format: Ab Windows Vista unterstützt. Große Symbole lassen sich so platzsparend speichern.
Ein Blick in den Header
Die ersten 6 Bytes einer ICO-Datei enthalten einen reservierten Wert (0), den Typ (1 = Symbol, 2 = Cursor) und die Anzahl der enthaltenen Bilder. Danach folgt für jedes Bild ein 16-Byte-Eintrag mit Breite, Höhe, Farbanzahl, Datengröße und Position. Die Felder für Breite und Höhe sind 1 Byte groß und reichen nur bis 255, daher gilt die Regel, 256 Pixel als 0 einzutragen. Cursordateien (.cur) mit derselben Struktur speichern anstelle der Felder für Farbebenen und Bittiefe die Koordinaten des Klickpunkts (Hotspot).
Empfohlene Windows-Größen
Die Microsoft-Richtlinien für Symboldesign empfehlen, für Anwendungssymbole alle Größen 16×16, 32×32, 48×48 und 256×256 aufzunehmen. Mit Vista kamen 256×256-Symbole hinzu; diese große Variante wird üblicherweise PNG-komprimiert gespeichert. Kleine Größen wirken schärfer, wenn man sie separat überarbeitet – mit dickeren Linien und weniger Details – statt das große Bild einfach zu verkleinern.
Windows wählt je nach Anzeigeskalierung (DPI-Einstellung) und Explorer-Ansicht die nächstliegende Größe in der Datei und skaliert fehlende Größen hoch oder herunter. Wer alle gängigen Größen vollständig aufnimmt, erhält daher auf jedem Bildschirm ein scharfes Symbol. Da viele Stellen wie das Favicon im Browser-Tab mit 16×16 dargestellt werden, ist die kleinste Größe besonders wichtig.
Favicons und ICO
Website-Favicons werden seit Langem als /favicon.ico im Stammverzeichnis bereitgestellt, und alle großen Browser unterstützen das. Heute wird empfohlen, PNG- oder SVG-Favicons per <link rel="icon"> anzugeben (MDN), doch manche Programme fragen /favicon.ico direkt ohne Link-Tag ab – deshalb legen viele Websites zusätzlich eine ICO-Datei ab.
Google Search Central verlangt für Favicons in den Suchergebnissen ein quadratisches Format (1:1) mit mindestens 8×8 Pixeln und empfiehlt für eine gute Darstellung auf verschiedenen Bildschirmen eine Größe über 48×48 Pixel. Als unterstützte Formate werden unter anderem ICO, PNG, GIF, JPEG und BMP genannt.
Worauf Sie bei der Umwandlung achten sollten
- Verwenden Sie ein quadratisches Original. Rechteckige Bilder werden verzerrt oder erhalten Ränder. Schneiden Sie das Bild bei Bedarf zuerst mit Zuschneiden auf 1:1 zu.
- Ein PNG mit transparentem Hintergrund als Original sorgt für natürliche Symbolecken. Bei einem JPG-Original bleibt ein weißes Rechteck als Hintergrund.
- In sehr kleinen Größen wie 16×16 ist Text nicht lesbar; behalten Sie besser nur die Kernform des Logos.
- Wenn Sie PNG in ICO umwandeln, lassen sich mehrere Größen in einer Datei bündeln.
- Der Windows-Explorer speichert Symbole im Cache. Sehen Sie nach einer Änderung noch das alte Symbol, warten Sie, bis der Cache aktualisiert ist, oder benennen Sie die Datei zur Kontrolle um.
Jetzt ausprobieren