PNG-Bild in ICO umwandeln

Was ist eine ICO-Datei?

ICO ist das Symbolformat von Windows, das die Browser auch für das Favicon übernommen haben, das kleine Bild im Tab, in den Lesezeichen und im Verlauf. Die Besonderheit: Eine einzige .ico-Datei enthält mehrere Bilder in unterschiedlichen Größen. Windows zeigt die Version mit 16 × 16 in Listen und in der Taskleiste, 32 und 48 für mittelgroße Symbole, 256 für die großen Symbole im Explorer; der Browser nimmt 16 oder 32, je nach Bildschirmschärfe. Eine .png-Datei einfach in .ico umzubenennen reicht also nicht: Eine echte ICO-Datei beginnt mit einem Header, der die enthaltenen Größen auflistet. Dieses Tool schreibt die Datei nach allen Regeln, wobei jede Größe als PNG gespeichert wird, das Format, das Windows seit Vista und alle aktuellen Browser erkennen.

Ein Favicon für die eigene Website erstellen

Nimm ein quadratisches, einfaches Logo und lade das Favicon-Paket herunter. Es enthält favicon.ico (16, 32 und 48 Pixel), apple-touch-icon.png (180 × 180, das Symbol, das erscheint, wenn man die Seite auf dem iPhone zum Home-Bildschirm hinzufügt), icon-192.png und icon-512.png (für Android und Web-Apps), die Datei site.webmanifest, die sie einbindet, und die HTML-Zeilen zum Kopieren. Leg die Dateien ins Stammverzeichnis deiner Website und füge die Zeilen in den head-Bereich deiner Seiten ein. Website-Baukästen wie WordPress, Jimdo oder Shopify verlangen oft einfach ein quadratisches PNG: Nimm dann icon-512.png. Browser behalten das alte Favicon lange im Speicher: Lade die Seite nach einer Änderung mit Strg+F5 neu oder warte ein wenig.

Das Symbol eines Ordners oder einer Verknüpfung unter Windows ändern

Für einen Ordner: Rechtsklick, dann „Eigenschaften“, Registerkarte „Anpassen“, Schaltfläche „Anderes Symbol…“, dann „Durchsuchen“, um deine .ico-Datei auszuwählen. Für eine Verknüpfung: „Eigenschaften“, Registerkarte „Verknüpfung“, Schaltfläche „Anderes Symbol…“. Bewahre die .ico-Datei in einem Ordner auf, der sich nicht ändert: Wird sie verschoben oder gelöscht, kehrt Windows zum Standardsymbol zurück. Für ein scharfes Symbol in allen Ansichten des Explorers (kleine, mittelgroße, große und extra große Symbole) hakst du mit der Vorgabe „Windows“ alle Größen von 16 bis 256 Pixeln an.

Ein Symbol, das auch mit 16 Pixeln lesbar bleibt

Ein Symbol mit 16 × 16 hat nur 256 Pixel: Feine Details, Text und sehr dünne Linien verschwinden darin. Wähle lieber eine einfache, kontrastreiche Form, die das ganze Quadrat ausfüllt, etwa einen Anfangsbuchstaben oder ein Zeichen, statt eines kompletten Logos mit Slogan. Prüfe die Vorschau im hellen und im dunklen Tab: Ein schwarzes Logo auf transparentem Hintergrund wird im Dunkelmodus unsichtbar, und eine Hintergrundfarbe kann es dann retten. Ist dein Bild nicht quadratisch, wähle zwischen „Quadratisch zuschneiden“, das die Mitte behält, und „Ganzes Bild + Ränder“, das transparente oder farbige Ränder hinzufügt. Eine SVG-Datei liefert das schärfste Ergebnis, weil sie vor dem Verkleinern für jede Größe neu gezeichnet wird.