Favicon Generator

Früher reichte eine favicon.ico im Wurzelverzeichnis. Heute erwartet jeder Browser und jedes Betriebssystem sein eigenes Format: Safari will ein Apple Touch Icon mit 180 Pixeln, Android-Chrome hätte gern 192 und 512 Pixel für den Homescreen, Windows-Kacheln wollen wieder etwas anderes, und für eine installierbare Web-App brauchst du ein manifest.json. Der Favicon Generator nimmt dir diesen Wildwuchs ab und erzeugt aus einer Vorlage alles auf einmal.

Du lädst ein quadratisches Bild hoch - am besten ein Logo oder eine klare Grafik - und bekommst ein vollständiges Set zurück. Darin sind die klassische Multi-Größen-ICO für die Tab-Leiste, das Apple Touch Icon fürs iPhone-Homescreen, die Android-Chrome-Varianten in 192 und 512 Pixeln sowie kleinere PNG-Größen für ältere Browser. Alles pixelgenau berechnet, damit dein Icon in jeder Größe scharf bleibt.

Die Umrechnung läuft serverseitig mit Sharp, der schnellen und hochwertigen Bildbibliothek. Das ist wichtig, denn ein Favicon lebt von sauberen Kanten. Ein billiges Herunterskalieren macht aus deinem Logo bei 16 Pixeln einen Matschklumpen. Sharp rechnet mit ordentlichem Downsampling, sodass selbst die kleinste Größe noch erkennbar ist.

Damit du nichts von Hand zusammensuchen musst, liefert das Tool auch das passende PWA-Manifest und einen fertigen HTML-Snippet mit allen link- und meta-Tags. Du kopierst den Block in den head deiner Seite, lädst die Dateien hoch, und alle Plattformen finden ihr richtiges Icon. Kein Rätselraten, welche Zeile für welchen Browser gedacht ist.

Das Ganze ist ideal für alles, was ein eigenes Icon verdient: die neue Landingpage, das Vereinsprojekt, das Kundenprojekt oder deine progressive Web-App. Statt in fünf verschiedenen Online-Tools herumzuklicken und am Ende doch Formate zu vergessen, bekommst du hier ein durchdachtes Komplettpaket in einem Rutsch.