PNG-zu-ICO-Konverter

Ein ICO-Favicon mit mehreren Größen erstellen

Favicons nutzen oft noch das ICO-Format, weil eine einzige Datei mehrere Symbolgrößen enthalten kann. Browser-Tab, Lesezeichen, Desktop-Verknüpfung und die Windows-Oberfläche können jeweils die passendste Größe aus derselben Datei wählen. Dieser PNG-zu-ICO-Konverter macht aus einem Quellbild ein echtes Favicon mit mehreren Größen und Einträgen für 16, 32, 48, 64, 128 und 256 Pixel. Ziehen Sie ein Logo, eine Bildmarke oder ein quadratisches PNG hinein, prüfen Sie die Vorschau der erzeugten Größen und laden Sie eine fertige .ico-Datei herunter.

Die Umwandlung läuft vollständig in Ihrem Browser. Die Seite lädt Ihr Quellbild, schneidet es mittig quadratisch zu, zeichnet es in mehreren Canvas-Größen und verpackt diese PNG-kodierten Canvas-Bilder in eine ICO-Struktur. Ihr Logo wird nie hochgeladen – praktisch für unveröffentlichte Marken, Kundenprojekte und private Vorhaben. Die erzeugte Datei enthält eingebettete PNG-Bilder, ein modernes ICO-Merkmal, das aktuelle Browser und Betriebssysteme unterstützen.

Das Quellbild vorbereiten

Verwenden Sie für das beste Favicon ein einfaches Bild mit hohem Kontrast. Winzige Symbole können feine Schrift und dünne Details nicht klar darstellen, deshalb funktionieren kräftige Formen und klare Silhouetten besser als komplexe Screenshots. Ein quadratisches, transparentes PNG ist ideal, weil der Zuschnitt das gesamte Motiv behält und den Alphakanal erhält. Rechteckige Bilder werden automatisch mittig zugeschnitten, sodass das Symbol quadratisch bleibt und nicht verzerrt wird. Sie sollten das Quellbild aber selbst zuschneiden, wenn das wichtige Motiv nicht in der Mitte liegt.

So verwenden Sie die ICO-Datei

Legen Sie die Datei nach dem Download in Ihr Website-Projekt und verweisen Sie in Ihrem HTML, in den Framework-Metadaten oder in den statischen Assets darauf. Viele Websites enthalten für breite Kompatibilität weiterhin eine Zeile wie <link rel="icon" href="/favicon.ico">, oft zusätzlich zu PNG- oder SVG-Symbolen. Prüfen Sie vor der Veröffentlichung die kleinsten Vorschauen: Wirkt die 16-Pixel-Version verwaschen, vereinfachen Sie die Grafik oder erhöhen den Kontrast und erzeugen die ICO-Datei erneut.

Dateigröße und Caching

Die ICO-Datei enthält sechs PNG-komprimierte Einträge und ist daher größer als ein einzelnes 16×16-Symbol, bleibt für ein einfaches Logo aber klein. Browser speichern Favicons sehr hartnäckig im Cache. Nach dem Austausch der Datei müssen Sie daher eventuell hart neu laden oder die Websitedaten löschen, bevor das neue Symbol erscheint. Wenn Sie zusätzlich separate PNG-Dateien für Apple-Touch- und Android-Symbole benötigen, erzeugt der Favicon-Generator dieser Website sie ebenfalls.

Der Konverter akzeptiert jeden Bildtyp, den Ihr Browser öffnen kann, nicht nur PNG, und benennt den Download nach Ihrer Quelldatei mit der Endung .ico. Alles wird lokal verarbeitet, sodass unveröffentlichte Logos privat bleiben.