Kostenloser ICO-Konverter

Über das ICO-Format

Das ICO-Format (Icon) ist das Standardformat für Website-Favicons, die in Browser-Tabs, Lesezeichen und Adressleisten angezeigt werden. Dieser Konverter unterstützt mehrere Größen in einer einzelnen .ico-Datei, was der moderne Standard ist.

Häufig gestellte Fragen

Was ist eine ICO-Datei?

Eine ICO-Datei ist ein Binär-Bildformat, das für Symbole in Windows-Anwendungen und Website-Favicons verwendet wird. Sie kann mehrere Bilder in unterschiedlichen Auflösungen enthalten und ermöglicht es Browsern, die passende Größe für verschiedene Kontexte anzuzeigen.

Welche Größen sollte ich einbeziehen?

16×16 und 32×32 sind am häufigsten für Browser-Favicons. Fügen Sie 64×64 und 128×128 für Windows-Verknüpfungen und High-DPI-Displays hinzu. 48×48 ist nützlich für Legacy-Unterstützung. 256×256 wird manchmal für große Symbolrepräsentationen verwendet.

Wie verwende ich das Favicon auf meiner Website?

Legen Sie die favicon.ico-Datei in das Stammverzeichnis Ihrer Website oder verweisen Sie in Ihrem HTML darauf mit: <link rel="icon" href="/favicon.ico">. Die meisten Browser finden sie automatisch im Stammverzeichnis.

Eine kurze Geschichte von ICO

Microsoft führte ICO mit Windows 1.0 im November 1985 ein, ursprünglich als Ressourcenformat für monochrome 32×32-Pixel-Anwendungssymbole, die in .EXE- und .DLL-Dateien gespeichert wurden. Die eigenständige Erweiterung .ico wurde formalisiert, damit Symbole unabhängig von ausführbaren Dateien bearbeitet und geteilt werden konnten. Windows 3.x ergänzte die Unterstützung für 16 und 256 Farben; Windows 95 machte ICO zu einem echten Container mit mehreren Auflösungen (eine Datei, die 16-/32-/48-px-Darstellungen enthält, wobei das Betriebssystem automatisch die beste für den jeweiligen Kontext auswählt); Windows XP fügte 32-Bit-Alpha für glatte kantengeglättete Ränder und durchscheinende Schatten hinzu; Windows Vista (2007) führte 256×256-Pixel-Symbole ein und erlaubte jedem Eintrag, entweder ein klassisches BMP oder eine vollständige PNG-Datei zu speichern. Der PNG-kodierte Eintrag ist heute Standard für Größen über 48×48, weil ein 256×256 großes 32-Bit-BMP rund 256 KB pro Symbol belegen würde, verschwenderisch. Viele alte Symboleditoren verwenden weiterhin standardmäßig reine BMP-ICOs und erzeugen Dateien, die 8-10× größer sind als nötig.

Das Format sprang im März 1999 von „Windows-intern“ zu „globalem Webstandard“, als Microsoft Internet Explorer 5 die Konvention /favicon.ico einführte. Wenn ein Nutzer eine Seite zu den „Favoriten“ hinzufügte, forderte IE /favicon.ico vom Stammverzeichnis der Website an und zeigte das 16×16-Bild neben dem Lesezeichen an. Der Name „favicon“ ist ein Kofferwort aus „favorites icon“, direkt aus dem Favoriten-Menü von IE. Die Konvention war beim Start nie ein offizieller W3C-Standard; Microsoft dokumentierte einfach den Pfad, Browser und Webmaster übernahmen ihn, und der Rest der Branche folgte. Siebenundzwanzig Jahre später fordert jeder große Browser weiterhin /favicon.ico beim ersten Besuch an, selbst wenn kein <link rel="icon">-Tag existiert, weshalb Server-Logs von jeder Web-Property der Welt Favicon-Anfragen von Browsern, Crawlern, RSS-Readern und Link-Vorschau-Bots zeigen, sowie 404er, wenn die Datei fehlt.

Warum ICO statt PNG im Jahr 2026

Angesichts der Flexibilität von PNG, warum ist ICO noch relevant? Drei Gründe:

• Windows-Desktopverknüpfungen und Anheften an die Taskleiste. Wenn ein Nutzer eine Desktopverknüpfung erstellt oder eine Website an die Taskleiste anheftet, benötigt der Windows-Explorer ein ICO, um die Verknüpfung in allen aktuellen Shell-Größen des Betriebssystems darzustellen (16, 24, 32, 48, 64, 96, 256). Wenn man eine .lnk auf ein PNG verweisen lässt, entsteht nur eine Größe mit Artefakten durch bilineare Skalierung.
• Browserübergreifende Favicon-Kompatibilität. Moderne Browser nutzen PNG und SVG bereitwillig über <link>, aber die implizite Anfrage nach /favicon.ico wird bei Kaltbesuchen weiterhin ausgelöst, und in Unternehmen oder abgeschotteten Umgebungen mit älterem Edge oder IE 11 (im Jahr 2026 in Industrie-, Gesundheits- und Behördenkontexten noch vorhanden) wird nur das ICO dargestellt. Ein kleines .ico mit mehreren Größen in Ihrem Stammverzeichnis ist der sicherste universelle Standard.
• Mehrere Größen in einer Datei. ICO kann 16, 32, 48, 64, 128 und 256 in einem einzigen Download enthalten, und genau das erzeugt dieses Werkzeug. Browser und Betriebssystem-Shells wählen automatisch die beste Variante für den jeweiligen Kontext.

Die erwähnenswerte MIME-Typ-Kuriosität: ICO-Dateien werden technisch als image/vnd.microsoft.icon ausgeliefert (der bei der IANA registrierte Typ), aber der ältere image/x-icon ist das, was die meisten Server und CMS-Vorlagen ausgeben, und er wird von modernen Browsern universell akzeptiert. Beide funktionieren.

Die Favicon-Empfehlung für 2026

Eine moderne Website sollte sich nicht allein auf favicon.ico verlassen, aber sie sollte es auch nicht weglassen. Das von realfavicongenerator.net und den MDN Web Docs empfohlene „moderne Minimum“ umfasst nun:

• favicon.ico (die Ausgabe dieses Werkzeugs), von jedem Browser automatisch abgerufen; erforderlich für Nutzer von Legacy-Systemen und IE/altem Edge.
• favicon.svg: eine einzige Datei, skaliert auf jede Dichte; unterstützt hell/dunkel über prefers-color-scheme. Unterstützt in Chromium 80+ (Anfang 2020) und Firefox 41+ (2015), aber Safari fügte die Unterstützung erst in Version 17 hinzu (September 2023). 2026 ist das erste Jahr, in dem Sie sich über die meisten Browser hinweg realistisch allein auf SVG verlassen können.
• favicon-32x32.png und favicon-16x16.png: pixelgenaue Raster-Fallbacks für Browser, die PNG gegenüber SVG bevorzugen, wenn beide aufgeführt sind.
• apple-touch-icon.png (180×180), für iOS-Startbildschirm-Verknüpfungen. Apple verwendet weder ICO noch SVG; PNG ist erforderlich.
• android-chrome-192x192.png und android-chrome-512x512.png: werden aus einem Web-Manifest für Android-Launcher und PWA-Installationen referenziert.
• manifest.webmanifest: deklariert die PNG-Symbole, die Designfarbe, den App-Namen und den Anzeigemodus für PWAs.

Der HTML-Head-Block macht all dies verfügbar:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<meta name="theme-color" content="#ffffff">

Das Attribut sizes="any" am .ico-Link teilt modernen Browsern mit „diese Datei enthält beliebige Größen, nutze sie nur als Fallback“, sodass sie das SVG bevorzugen, wenn es verfügbar ist. Der Trend in Best-Practice-Leitfäden von 2024 bis 2026 geht dahin, beherzt auszumisten: Liefern Sie diese vier Dateien plus ein Manifest aus. Die alten „16-Datei-Favicon-Pakete“ mit mstile- und yandex-Kacheln werden nicht mehr empfohlen, es sei denn, Sie zielen gezielt auf diese Plattformen ab.

Im Inneren einer ICO-Datei

Für Neugierige: Das binäre Layout ist unkompliziert. Ein kurzer ICONDIR-Header (6 Bytes, reserviert, type=1 für Symbole, Anzahl der Bilder), gefolgt von N ICONDIRENTRY-Datensätzen (je 16 Bytes, die Breite / Höhe / Farbanzahl / Größe / Datei-Offset auflisten), gefolgt von N Bild-Bitmaps. Jeder Bildeintrag kann entweder ein BMP/DIB im alten Stil oder (seit Vista) eine vollständige PNG-Datei mit eigenem Header sein. Der ICONDIRENTRY-Datensatz speichert Breite und Höhe immer als Bytes, wobei 0 für 256 steht (das Maximum). Deshalb unterstützt ICO bis zu 256×256, aber nicht größer; das Format müsste überarbeitet werden, um größere Bilder zu speichern.

Werkzeuge, um zu testen, was Sie erzeugen

• Der Checker von realfavicongenerator.net: besucht Ihre Website und meldet plattformspezifische Darstellungsprobleme. Streng, aber genau.
• Der Tester von favicon.io: schnelle visuelle Prüfung über nachgebildete Browser-Tabs hinweg.
• Browser-DevTools. Erzwingen Sie eine Aktualisierung mit Ctrl+F5 (oder Cmd+Shift+R), um den Favicon-Cache zu umgehen, der bekanntermaßen aggressiv ist, Safari speichert Favicons insbesondere über Neustarts hinweg und ignoriert Aktualisierungen mitunter stundenlang.
• Direkte URL. Besuchen Sie yoursite.com/favicon.ico in einem neuen Tab, um zu bestätigen, dass die Datei tatsächlich ausgeliefert wird. Ein häufiges Problem: Die Datei existiert, aber der Server gibt 404 zurück, weil sie außerhalb des konfigurierten Pfads für statische Dateien liegt.

Wann Sie dazu greifen

• Den Favicon-Satz einer neuen Website erstellen. Erzeugen Sie hier das .ico mit mehreren Größen, plus ein SVG und ein Apple-Touch-PNG mit anderen Werkzeugen.
• Ein bestehendes Favicon aktualisieren. Exportieren Sie das .ico mit mehreren Größen nach einer Logo-Auffrischung erneut.
• Eine Windows-Desktopverknüpfung anheften an eine URL mit benutzerdefiniertem Symbol.
• Ein App-Symbol für Electron / Tauri erzeugen: Windows-Desktop-Apps benötigen ICO für den Ressourcenabschnitt der ausführbaren Datei.
• Ein Tofu-/404-Favicon ersetzen auf einer bereits veröffentlichten Website, die nie eines hatte.

Weitere Fragen

Mein Favicon wurde aktualisiert, aber mein Browser zeigt immer noch das alte, warum?

Favicon-Caching ist bekanntermaßen aggressiv. Browser speichern Favicons über Neustarts hinweg und berücksichtigen HTTP-Cache-Control-Header nicht immer. Eine erzwungene Aktualisierung (Cmd+Shift+R auf dem Mac, Ctrl+F5 unter Windows) funktioniert in Chromium und Firefox meist; Safari benötigt mitunter ein vollständiges Beenden und Neustarten, und unter iOS muss die Seite für das Startbildschirm-Symbol unter Umständen komplett neu hinzugefügt werden. Das Anhängen eines Query-Strings (/favicon.ico?v=2) erzwingt in den meisten Browsern eine Aktualisierung, funktioniert aber nicht immer für die implizite Anfrage nach /favicon.ico, deklarieren Sie dafür die neue URL in einem <link rel="icon">-Tag.

Welche Größen sollte ich einbeziehen?

Für Browser-Favicons: 16 und 32 sind unverzichtbar. 48 hilft bei Windows-Tabs mit hoher DPI. Für Windows-Desktopverknüpfungen und das Anheften an die Taskleiste: nehmen Sie 64 und 128 hinzu (und 256 für die größte Explorer-Ansicht „Extragroß“). Die Standardauswahl dieses Werkzeugs (16/32/48/64) deckt 99 % der Fälle ab. Das Hinzufügen von 128 oder 256 erhöht die Dateigröße spürbar (allein ein PNG-kodiertes 256×256 liegt bei etwa 30-40 KB), nehmen Sie sie also nur auf, wenn Sie die Windows-Shell-Darstellung tatsächlich benötigen.

Sollte ich einen transparenten Hintergrund verwenden?

Fast immer, ja, moderne Browser zeigen Favicons vor der Farbe der Tab-Leiste an, die sich zwischen hellem Modus, dunklem Modus und Tab-Anheftung unterscheidet. Transparente PNGs (oder transparente Eingaben in den Konverter) erzeugen saubere Kanten vor allen Hintergründen. Die Ausnahme sind Logos, die ohne farbige Unterlage unlesbar sind, für diese ist es in Ordnung, die Hintergrundfarbe einzubacken. PNG und ICO unterstützen beide volles Alpha; JPEG nicht, daher verlieren JPG-Eingaben die Transparenz.

Wird favicon.ico im Jahr 2026 wirklich noch benötigt?

Ja, aber nur als Fallback. Jeder Browser fordert es beim ersten Besuch weiterhin implizit an, selbst wenn moderne <link>-Tags vorhanden sind; Windows-Desktopverknüpfungen und das Anheften an die Taskleiste benötigen es; Unternehmensumgebungen, die noch IE11 oder altes Edge betreiben (ja, die gibt es im Gesundheitswesen, in der Fertigung und in Behörden), benötigen es. Ein .ico mit mehreren Größen von 4-8 KB in Ihrem Stammverzeichnis ist der sicherste universelle Standard, kombiniert mit SVG und PNG über <link>-Tags für alle anderen.

Werden Daten an einen Server gesendet?

Nein. Das Bild wird in Ihrem Browser dekodiert, über die Canvas-2D-API auf jede angeforderte Größe skaliert und von JavaScript zu einer ICO-Binärdatei zusammengesetzt. Das Ergebnis wird direkt auf Ihr Gerät heruntergeladen. Nichts an Ihrem Bild (einschließlich eines Logo-Designs, an dem Sie vielleicht noch arbeiten) verlässt die Seite.

Verwandte Tools