Was ist eine ICO-Datei? Icon-Größen, Favicons und wann ICO verwenden
Verstehen Sie das ICO-Containerformat, die enthaltenen Größen und warum es für Favicons und Desktop-Icons nach wie vor wichtig ist
Jetzt konvertierenWas ist eine ICO-Datei?
Eine ICO-Datei ist ein Bildformat, das von Microsoft in den Anfängen von Windows erstellt wurde. Anders als ein JPEG oder PNG, das ein einzelnes Bild in einer einzigen Auflösung speichert, ist eine ICO-Datei ein Container, der mehrere Bilder in verschiedenen Größen und Farbtiefen in einer Datei enthalten kann. Wenn ein Betriebssystem oder Browser ein Icon anzeigen muss, wählt es das am besten passende Bild aus dem im ICO gebündelten Set aus.
Dieser Container-Ansatz löst ein reales Problem. Ein winziges 16-Pixel-Tab-Icon und eine 256-Pixel-Desktop-Verknüpfung erfordern sehr unterschiedliche Detailgrade, und das Skalieren eines einzelnen Bildes nach oben oder unten liefert selten saubere Ergebnisse. Durch das Einbetten zweckgebundener Versionen bei 16, 32, 48, 64, 128 und 256 Pixeln ermöglicht das ICO-Format, dass jeder Kontext ein scharfes, pixelgenaues Icon ohne Laufzeit-Skalierungsartefakte anzeigt.
Intern kann jedes in einer ICO-Datei gespeicherte Bild entweder als BMP-Bitmap oder als PNG-komprimierter Frame kodiert werden. Moderne ICO-Dateien verwenden typischerweise PNG-Kompression für die größeren Formate (128 px und darüber), um die Dateigrößen überschaubar zu halten, während kleinere Größen als unkomprimierte BMP-Daten verbleiben können, um maximale Kompatibilität mit älteren Systemen zu gewährleisten. Der Datei-Header teilt der verarbeitenden Anwendung mit, wie viele Bilder enthalten sind und in welchen Abmessungen, sodass die richtige Variante automatisch ausgewählt wird.
ICO vs PNG: Wann brauchen Sie tatsächlich ICO?
PNG ist zum Standard-Bildformat im Web geworden, daher ist die Frage berechtigt, ob ICO noch relevant ist. Die kurze Antwort: ja, aber nur in bestimmten Situationen. Die folgende Tabelle fasst die wichtigsten Unterschiede zusammen.
| Eigenschaft | ICO | PNG |
|---|---|---|
| Mehrere Größen in einer Datei | Ja | Nein (ein Bild pro Datei) |
| Browser-Favicon-Unterstützung | Universell (alle Browser) | Nur moderne Browser |
| Windows-Desktop-Icons | Erforderlich | Nicht unterstützt |
| macOS / Linux App-Icons | Nicht verwendet | Bevorzugt |
| Transparenz | Ja (Alphakanal) | Ja (Alphakanal) |
| Dateigrößen-Effizienz | Größer (mehrere Bilder) | Kleiner (einzelnes Bild) |
Für Favicons bleibt ICO die sicherste Wahl, wenn Sie jeden Browser unterstützen müssen, einschließlich älterer Versionen von Internet Explorer, die keine PNG-Favicons erkennen. Eine favicon.ico-Datei im Stammverzeichnis der Website wird automatisch von praktisch jedem jemals ausgelieferten Browser erkannt. Wenn Sie nur moderne Browser ansprechen, funktioniert ein PNG-Favicon, das über ein <link>-Tag deklariert wird, einwandfrei, aber der ICO-Fallback verursacht praktisch keine zusätzlichen Kosten.
Für Windows-Desktop- und Taskleisten-Icons ist ICO das einzig akzeptierte Format. Ausführbare Dateien (.exe) betten ihre Icons als ICO-Ressourcen ein, und Verknüpfungsdateien (.lnk) referenzieren ICO-Dateien direkt. Wenn Sie Windows-Anwendungen erstellen oder anpassen, ist ICO unverzichtbar.
Auf macOS und Linux wird ICO im Allgemeinen nicht verwendet. macOS setzt auf ICNS-Dateien und PNGs, während die meisten Linux-Desktop-Umgebungen SVG oder PNG akzeptieren. Wenn Ihre Zielgruppe ausschließlich auf diesen Plattformen ist, können Sie ICO komplett überspringen.
Gängige ICO-Größen und wofür sie verwendet werden
Nicht jede Größe dient dem gleichen Zweck. Die folgende Tabelle ordnet jede Standard-ICO-Dimension ihrer typischen Verwendung zu, zusammen mit einer Empfehlung, ob sie eingeschlossen werden sollte.
| Größe (px) | Verwendungszweck | Empfehlung |
|---|---|---|
| 16 × 16 | Browser-Tabs, Adressleisten, Lesezeichenmenüs | Immer einschließen |
| 32 × 32 | Windows-Taskleiste, neuere Browser-Tabs auf High-DPI-Bildschirmen | Immer einschließen |
| 48 × 48 | Windows-Desktop-Icons (Standardansicht), Windows-Explorer-Listenansicht | Für Desktop-Nutzung einschließen |
| 64 × 64 | Einige Windows-UI-Kontexte, High-DPI-Taskleiste | Optional, aber nützlich |
| 128 × 128 | Windows-Ansicht großer Icons, einige Docks | Für scharfe große Icons einschließen |
| 256 × 256 | Windows-Ansicht extra großer Icons, High-DPI-Displays | Für beste Qualität einschließen |
Für ein reines Favicon-ICO sind die wesentlichen Größen 16 und 32 Pixel. Das Hinzufügen von 48 Pixeln deckt Windows-Desktop-Verknüpfungen ab, die auf Ihre Website verweisen. Für einen tieferen Einblick, welche Favicon-Größen am wichtigsten sind, lesen Sie unseren Leitfaden Favicon-Größen erklärt.
Für Windows-Anwendungs-Icons sollten Sie den vollständigen Bereich von 16 bis 256 einschließen. Die 256-Pixel-Variante ist besonders wichtig auf modernen High-DPI-Monitoren, auf denen Windows Desktop-Icons in sehr großen Größen rendern kann. Wenn Sie sie weglassen, muss das Betriebssystem ein kleineres Bild hochskalieren, was zu unscharfen oder verpixelten Ergebnissen führt.
So erstellen Sie eine ICO-Datei aus jedem Bild
Die Erstellung einer ICO-Datei erforderte früher spezialisierte Desktop-Software, aber moderne browserbasierte Tools machen den Prozess schnell und unkompliziert. Any2ICO akzeptiert PNG, JPG, WebP, GIF, BMP, AVIF und SVG-Quellbilder bis zu 10 MB und erzeugt in Sekunden eine korrekt strukturierte ICO-Datei mit mehreren Größen.
Hier ist ein schneller Workflow:
- Wählen Sie Ihr Quellbild. Beginnen Sie mit der höchsten verfügbaren Auflösung. Eine Quelle mit 512 Pixeln oder größer gibt dem Konverter genug Details, um saubere herunterskalierte Versionen in jeder Zielgröße zu erzeugen.
- Wählen Sie Ihre Größen. Wählen Sie die benötigten Größen: 16, 32, 48, 64, 128 und 256. Sie können jede Kombination wählen.
- Legen Sie Skalierungs- und Hintergrundoptionen fest. Wählen Sie zwischen Einpassen (das Bild innerhalb des Quadrats einpassen, Seitenverhältnis beibehalten) oder Ausfüllen (das Quadrat füllen, Ränder beschneiden). Wählen Sie einen transparenten oder weißen Hintergrund für eventuelle Randbereiche.
- Konvertieren und herunterladen. Any2ICO bündelt die ausgewählten Größen in eine einzelne ICO-Datei. Wenn Sie mehrere Quellbilder konvertieren, können Sie alle auf einmal als ZIP-Archiv herunterladen.
Die gesamte Konvertierung findet in Ihrem Browser mit der Canvas-API statt. Von Ihrem Gerät importierte Dateien werden zur Verarbeitung über den Server gesendet, aber nicht dauerhaft gespeichert. Wenn Sie aus der Zwischenablage einfügen, verlassen diese Daten Ihr Gerät überhaupt nicht.
Für eine Schritt-für-Schritt-Favicon-Anleitung lesen Sie unseren Leitfaden So erstellen Sie ein favicon.ico.
Wichtige Erkenntnisse
Das ICO-Format mag Jahrzehnte alt sein, bleibt aber für zwei Kernanwendungsfälle unverzichtbar: Favicons und Windows-Icons. Seine Fähigkeit, mehrere Auflösungen in einer einzigen Datei zu bündeln, stellt sicher, dass jeder Anzeigekontext, vom 16-Pixel-Browser-Tab bis zur 256-Pixel-Desktop-Verknüpfung, ein scharfes, zweckgebundenes Bild erhält.
Wenn Sie bereit sind, Ihr eigenes ICO zu erstellen, beachten Sie diese Grundsätze: Beginnen Sie mit einem hochauflösenden Quellbild, schließen Sie mindestens 16, 32 und 256 Pixel ein und verwenden Sie ein Tool wie Any2ICO, das Ihnen präzise Kontrolle darüber gibt, welche Größen und Skalierungsoptionen angewendet werden. Für mehr zur Wahl der richtigen Größen für Ihr Favicon lesen Sie Favicon-Größen erklärt.