JPG in ICO umwandeln

Das erfahren die meisten erst hinterher, deshalb steht es hier zuerst. JPG hat keinen Alphakanal — das Format kann schlicht nicht festhalten, dass ein Pixel durchsichtig sein soll. Was im JPG hinter dem Logo liegt, meist Weiß, ist Teil des Bildes und kommt im Icon als deckendes Rechteck an.

Auf einem weißen Browser-Tab fällt das oft nicht auf. In einer dunkel eingestellten Windows-Taskleiste, wie sie in vielen Behörden und Unternehmen als Standard gesetzt ist, oder neben einer Lesezeichenleiste im dunklen Modus sieht es wie ein weißer Kasten mit etwas darin aus. Soll das Zeichen freischweben, braucht die Quelle einen Alphakanal — mit einer PNG-Datei anfangen, oder das Logo als PNG oder SVG anfordern.

Ein Favicon wird bei etwa 16 Pixeln dargestellt. Ein Taskleisten-Icon bei 32. Das ist eine Fläche kleiner als der Punkt am Ende dieses Satzes, und ein Foto trägt tausendfach mehr Detail, als diese Reise dorthin überleben kann.

Was das Skalieren übersteht, ist Silhouette und Kontrast: eine klare Form, zwei oder drei Farben, deutliche Kanten. Was nicht übersteht, sind Gesichter, Text, Texturen, dünne Linien und alles mit unruhigem Hintergrund. Wird ein Foto umgewandelt, weil es die einzige verfügbare Datei ist, kommt meist ein farbiger Fleck heraus — es lohnt sich, zunächst hart auf das eine erkennbare Element zuzuschneiden.

Icons sind quadratisch, Fotos meist nicht. Die Umwandlung schneidet nicht selbst zu — das würde bedeuten, zu entscheiden, was verworfen wird, und ein Werkzeug, das das rät, liegt genau bei den Bildern falsch, bei denen es darauf ankommt. Stattdessen wird das Bild mittig auf ein Quadrat gesetzt und der Rest bleibt leer, sodass ein 3:2-Bild mit einem leeren Streifen oben und unten ankommt und das eigentliche Motiv nur zwei Drittel der Icon-Höhe einnimmt.

Also vorher zuschneiden, in jedem Bildbearbeitungsprogramm oder sogar in der Fotos-App des Handys. Eng um das Motiv zuschneiden statt den ganzen Bildausschnitt zu behalten — ein Icon hat keinen Platz für Kontext, und ein Bild, das in voller Größe gut wirkt, muss meist doppelt so eng zugeschnitten werden, um bei sechzehn Pixeln überhaupt erkennbar zu bleiben.

Nichts, was eine ICO-Datei enthält, ist größer als 256 Pixel je Kante, ein größeres JPG wird also zuerst darauf verkleinert. Die tatsächlich geschriebenen Größen kommen dann von dort: Die Standardauswahl schreibt 48, 32 und 16 Pixel, "Alle gängigen Größen" ergänzt 64, 128 und 256.

Wird eine Größe verlangt, die das JPG gar nicht hergibt, wird vergrößert statt abgelehnt — ein 64-Pixel-Bild, mit "nur 256 px" umgewandelt, kommt also unscharf statt besser heraus. Die Standardauswahl ist davon bei fast jeder Quelle nicht betroffen und deckt die zwei Fälle ab, für die die meisten hier sind: ein Browser-Tab und eine Windows-Verknüpfung. Was sie nicht ersetzt, ist das Handzeichnen kleiner Größen, das ein Anwendungssymbol in einer vollen Taskleiste eigentlich braucht — die Einträge hier sind das eigene Bild verkleinert, nicht neu gezeichnet.

Wie stark ICO-Icons in deutschen Verwaltungen noch gefragt sind, zeigt der Streit um LiMux: München war jahrelang Vorzeigeprojekt für ein Linux-basiertes Behörden-Betriebssystem, bevor der Stadtrat 2017 die Rückkehr zu einem einheitlichen Windows-Desktop beschloss, mit der letzten Umstellung in den Folgejahren abgeschlossen. Wo Windows Standard ist — und das ist es in den meisten deutschen Behörden und Unternehmen weiterhin —, braucht praktisch jede interne Verknüpfung und jedes Werkzeug irgendwann ein eigenes ICO.

Für genau diesen Fall lohnt sich "Alle gängigen Größen": Der Windows-Explorer zeichnet Icons je nach Ansicht zwischen 16 Pixeln in einer Detailliste und 256 auf einer großen Kachelansicht, und die Auswahl sorgt dafür, dass in keiner dieser Ansichten eine hochskalierte, unscharfe Version erscheint.

Das Bild wird aus dem JPG dekodiert und im Icon als PNG-Daten gespeichert, verlustfrei. Die Umwandlung selbst fügt also keine zusätzlichen Kompressionsartefakte zu den bereits vorhandenen hinzu.

Rückgängig machen kann sie sie aber auch nicht. Stammt die Quelle aus einem stark komprimierten JPG von einer Webseite, stecken die blockigen Kanten und der Schleier um dunkle Linien in den Pixeln, und das Verkleinern auf 256 behält sie im gleichen Verhältnis bei. Mit der bestmöglichen verfügbaren Kopie anzufangen bringt hier mehr als jede Einstellung.

An die Wurzel der Seite, als favicon.ico. Browser fragen diesen genauen Pfad seit fast dreißig Jahren ab und tun es weiterhin, unabhängig davon, was das HTML deklariert — deshalb stoppt es dort platziert auch einen ständigen Strom von 404-Fehlern im Serverprotokoll.

Ändert sich das Icon beim Neuladen nicht, liegt das am Zwischenspeicher und nicht an einer fehlgeschlagenen Umwandlung — Favicons werden ungewöhnlich hartnäckig zwischengespeichert. Ein harter Reload, ein privates Fenster oder ein Query-String am Link im HTML zeigt das neue Icon zuverlässig.

ICO ist das Format, das Windows für Programme, Ordner und Verknüpfungen nutzt, und die Shell wählt jeweils den passenden Eintrag für die gerade gezeichnete Ansicht — deshalb hier "Alle gängigen Größen" wählen. Rechtsklick auf die Verknüpfung, Eigenschaften, dann Symbol ändern, und auf die Datei zeigen.

Die ICO-Datei vorher an einen dauerhaften Ort legen. Windows speichert den Pfad, keine Kopie, sodass ein aus dem Downloads-Ordner gesetztes Icon verschwindet, sobald dieser Ordner geleert wird.

Ein Foto vom Smartphone trägt häufig Aufnahmeort und -zeitpunkt in den EXIF-Daten. Weil das Bild für die Icon-Erstellung zu Pixeln dekodiert und als PNG-Daten neu geschrieben wird, ist davon in der ICO-Datei nichts mehr enthalten — für ein öffentlich eingebundenes Favicon eher ein Vorteil als ein Verlust.

Wer die Aufnahmedaten noch braucht, etwa um später nachzuvollziehen, welches Foto verwendet wurde, hebt das JPG separat auf. Aus dem Icon lassen sich diese Angaben nicht mehr rekonstruieren.

Wer statt eines Favicons ein Icon für eine Progressive Web App oder einen App-Store-Eintrag sucht, ist hier an der falschen Stelle. Diese Manifeste verlangen üblicherweise PNG-Dateien in mehreren festen Pixelgrößen, keine ICO-Datei — das Format wird ausschließlich von Browsern für den Tab und von Windows für Verknüpfungen und Programme gebraucht.

Das lohnt sich vorab zu klären, weil die Verwechslung häufig vorkommt: Steht in der Anleitung "icon-192.png" oder "apple-touch-icon", ist eine PNG-Umwandlung der richtige Weg, keine ICO-Datei, auch wenn beide letztlich vom selben JPG ausgehen.

Neben dem Browser-Cache für Favicons führt Windows einen eigenen Icon-Cache für Verknüpfungen und Programme. Wird eine ICO-Datei ausgetauscht, aber die Verknüpfung zeigt weiterhin das alte Bild, liegt das fast immer an diesem Zwischenspeicher und nicht an einem Fehler in der neuen Datei.

Ein Neustart des Explorer-Prozesses über den Task-Manager oder, in hartnäckigen Fällen, ein Neustart des Rechners erzwingt meist das Neuladen. Das ist ein Verhalten des Betriebssystems, keines dieser Umwandlung — die neu erzeugte ICO-Datei selbst ist in solchen Fällen in aller Regel bereits korrekt.

Bis zu 100 JPG-Dateien in einem Durchgang ablegen. Jede wird einzeln auf dem eigenen Rechner umgewandelt, behält ihren Dateinamen mit getauschter Endung, und der ganze Satz kommt als ein ZIP zurück — nützlich, wenn eine Reihe interner Werkzeuge oder Verknüpfungen jeweils ein eigenes Icon braucht.

Hochgeladen wird dabei nichts. Die Umwandlung läuft im Browser-Tab auf dem eigenen Prozessor, es gibt also weder eine Warteschlange hinter anderen Nutzern noch ein Tageslimit.