Deutsch ▾
Free, Fast & Secure Online Tools
Jedes andere Bildformat auf Ihrer Platte enthält ein Bild. ICO enthält mehrere — und zu verstehen, warum, erklärt zugleich, wofür das Format da ist und warum es in der Webentwicklung überlebt hat, lange nachdem Windows-Icons die meisten nicht mehr beschäftigten.
Eine ICO ist ein Container. Darin sitzen mehrere vollständige Bilder — typischerweise dasselbe Icon, gezeichnet mit 16, 32 und 48 Pixeln, manchmal mehr — jedes separat gespeichert, mit eigenen Pixeldaten.
Braucht etwas ein Icon, wählt es aus der Datei die Größe, die dem Bedarf am nächsten kommt, statt ein Bild zu skalieren.
Dieser Entwurf existiert wegen einer harten Grenze: Automatisches Herunterskalieren zerstört kleine Icons. Verkleinern Sie ein detailreiches 256-Pixel-Icon auf 16 Pixel, erhalten Sie einen grauen Fleck — 16 × 16 sind insgesamt 256 Pixel, knapp genug für eine erkennbare Form. Der einzige Weg zu einem lesbaren 16-Pixel-Icon ist, dass jemand es bei 16 Pixeln zeichnet und entscheidet, welche Details wegfallen und welcher einzelne Strich die Bedeutung trägt.
ICO ist also eigentlich kein Bildformat. Es ist eine Art, die Entscheidungen einer Gestalterin zu mehreren Größen auf einmal auszuliefern.
ICO stammt aus Windows 1.0 von 1985, was seine fortdauernde Präsenz in der Webentwicklung wie einen Unfall aussehen lässt. Ganz so ist es nicht.
Browser fordern automatisch /favicon.ico aus dem Wurzelverzeichnis einer Website an, ob die Seite nun etwas verlinkt oder nicht. Dieses Verhalten ist weit älter als das moderne <link rel="icon"> und wurde nie entfernt, weil das eine riesige Zahl alter Seiten beschädigen würde.
Die praktische Folge: Haben Sie kein Favicon im Wurzelverzeichnis, fragt der Browser jeder Besucherin trotzdem danach und bekommt einen 404. Das kostet fast nichts, ist aber eine Anfrage, die für immer nie gelingt.
Diese drei sind der klassische Satz und bleiben der richtige Inhalt einer Favicon-ICO. Moderne Icons ergänzen manchmal 64, 128 und 256; innerhalb einer ICO wird ein 256-Pixel-Eintrag normalerweise als PNG-Daten statt als Rohpixel gespeichert — genau das hält die Datei davon ab, riesig zu werden.
Das ist die kleinste gängige Gestaltungsaufgabe, und sie ist extremer, als sie klingt. Sie haben 256 Pixel. Nicht 256 in der Breite — 256 insgesamt.
Was übersteht:
Was nicht:
Der übliche Fehler ist, das Firmenlogo zu verkleinern. Die meisten Logos sind so gezeichnet, dass man sie in Visitenkartengröße liest; bei 16 Pixeln werden sie zu einem unkenntlichen Klecks. Richtig ist, eine eigene Bildmarke zu gestalten: das Zeichen ohne Wortmarke oder einen Buchstaben, eigens für diese Größe gebaut.
Die ICO ist der Boden, nicht die Decke. Sie bedient die Anfrage, die ohnehin passiert — geplant oder nicht.
Ein PNG in ICO umzuwandeln ist der normale Weg, aber auf einer Unterscheidung sollte man bestehen. Eine Umwandlung, die ein Bild nimmt und einpackt, erzeugt eine ICO mit einer einzigen Größe — technisch gültig, und sie wirft den einzigen echten Vorteil des Formats weg.
Sie wollen mehrere Bilder in der Datei: eine 48, eine 32 und eine 16, die Sie angesehen und angepasst haben. Entstand diese 16 durch automatisches Verkleinern, prüfen Sie sie in Originalgröße, bevor Sie sie akzeptieren. Meist braucht sie eine Vereinfachung von Hand.
Beginnen Sie mit einer quadratischen Vorlage mit großzügigem Rand — ein Icon, dessen Inhalt den Rand berührt, wirkt in jeder Größe gedrängt.
Nur Icons. Es ist kein allgemeines Bildformat: Keine Webseite sollte eine ICO als Inhalt anzeigen, kein Foto darin gespeichert werden, und außerhalb des Icon-Zwecks gewinnt nichts dadurch. Für ein Bild, das einfach klein und scharf sein soll, erledigt PNG die Aufgabe ohne den Mehrgrößen-Container.
/favicon.ico automatisch aus dem Wurzelverzeichnis an