Die .ico ist noch immer das erwartete Format im Stammverzeichnis einer Website. Die meisten Online-Konverter verlangen jedoch, dass du dein Bild auf ihren Server hochlädst. Hier erfährst du, wie du aus einem PNG eine korrekte favicon.ico mit mehreren Größen erstellst, ohne etwas hochzuladen.
Eine .ico ist mehr als ein umbenanntes Bild
logo.png in favicon.ico umzubenennen reicht nicht. ICO ist ein Containerformat mit eigenem Header. Dieser beschreibt die Anzahl der Bilder, ihre Abmessungen und ihre Positionen in der Datei. Ein umbenanntes PNG besitzt diesen Header nicht und wird von strengeren Browsern nicht dargestellt.
Eine korrekte ICO enthält mehrere Auflösungen desselben Symbols. Der Browser liest den Header, wählt die am besten passende Variante und muss nichts vergrößern.
PNG in drei Schritten in ICO umwandeln
Schritt eins: Bereite das Ausgangsbild vor. Ein quadratisches PNG mit mindestens 512×512 Pixeln liefert das beste Ergebnis, weil alle Größen durch Verkleinern entstehen. Bei einem transparenten Hintergrund entscheide jetzt, ob du ihn behalten möchtest: Für Tabs ist er ideal, iOS und Android ersetzen ihn jedoch durch Schwarz.
Schritt zwei: Erzeuge die Auflösungen. Die Datei sollte mindestens 16×16, 32×32 und 48×48 enthalten. Verwende beim Skalieren einen hochwertigen Resampling-Filter, sonst werden die kleinen Varianten unlesbar.
Schritt drei: Verpacke die Bilder. Die drei Bilder werden in einem ICO-Container zusammengeführt, dessen Header jeden Eintrag beschreibt. Das Ergebnis wird als favicon.ico im Stammverzeichnis abgelegt, wo Browser es auch ohne HTML-Tag finden.
Warum die lokale Umwandlung wichtig ist
Die meisten PNG-zu-ICO-Konverter laden deine Datei auf einen Server hoch, verarbeiten sie dort und senden das Ergebnis zurück. Dein Logo landet damit oft noch vor seiner Veröffentlichung auf einem fremden Rechner, dessen Aufbewahrungsregeln du nicht kennst.
Ein moderner Browser kann all das selbst erledigen: PNG dekodieren, auf einem Canvas skalieren, jede Größe neu kodieren und den ICO-Container zusammensetzen. Genau das macht LFFavicon. Keine Anfrage überträgt dein Bild, und beim Schließen des Tabs wird alles gelöscht.
Der Vorteil ist auch praktisch: Die Umwandlung erfolgt sofort, funktioniert nach dem Laden der Seite offline und kennt weder Warteschlangen noch Tageslimits.
Die .ico allein reicht nicht mehr
Die Umwandlung von PNG in ICO deckt Tabs und ältere Programme ab. Drei Einsatzbereiche bleiben offen: moderne Browser mit ihrem in jeder Größe scharfen SVG, der iOS-Startbildschirm mit einem deckenden PNG von 180×180 und Android mit seinem Webmanifest.
Wenn du das Bild ohnehin verarbeitest, erstelle gleich das ganze Paket. Genau das erledigt der Generator: Aus einer Vorlage entstehen .ico, SVG, Apple Touch Icon und Manifest-Symbole. Vor dem Herunterladen siehst du jeden Einsatzbereich in der Vorschau.
Primärquellen
Häufige Fragen
Welche PNG-Größe brauche ich für eine ICO?
Ein Quadrat mit mindestens 512×512 Pixeln. Unter 128×128 müssen die größeren Varianten des Pakets hochskaliert werden und wirken unscharf. Noch besser ist ein SVG, da es keine Auflösungsgrenze hat.
Bleibt die Transparenz in der .ico erhalten?
Ja, das ICO-Format unterstützt einen vollständigen Alphakanal. Ein transparentes PNG bleibt im Tab transparent. Beim iOS-Symbol füllt das System transparente Bereiche jedoch schwarz. Gib ihm deshalb einen Hintergrund.
Wohin gehört die Datei favicon.ico?
In das Stammverzeichnis der Domain, erreichbar unter https://yoursite.com/favicon.ico. Browser und Crawler rufen diese Adresse gemäß Konvention ab, selbst wenn kein link-Tag sie angibt.