Favicon-Generator
Ein Bild, alle Größen, die eine Website braucht
Ausgangsbild
Erzeugte Icons
Noch nichts erzeugt
Ziehen Sie ein Bild hierher und klicken Sie auf Erzeugen — die Icons erscheinen hier.
Das ZIP enthält die Icon-Bilder, site.webmanifest und den HTML-Schnipsel.
Ein Favicon ist längst keine einzelne Datei mehr. Browser wollen 16 und 32 Pixel, iOS will 180, Android will 192 und 512, und jedes System erwartet sie auf eigene Weise. Laden Sie ein quadratisches Bild hoch und erhalten Sie den ganzen Satz samt passendem Markup.
So funktioniert es
- 1 Ziehen Sie ein quadratisches Bild hierher, idealerweise 512px oder größer.
- 2 Standardmäßig wird die Mitte quadratisch zugeschnitten — schalten Sie das ab, wenn das ganze Bild passend gestaucht werden soll.
- 3 Klicken Sie auf Erzeugen.
- 4 Laden Sie das ZIP herunter und fügen Sie den HTML-Schnipsel in den Head Ihrer Seiten ein.
Häufige Fragen
Wie groß sollte das Ausgangsbild sein?
Mindestens 512×512 und quadratisch. Die 16px-Version entsteht durch Verkleinern, ein kleines oder rechteckiges Original ergibt daher matschige Icons. Einfache, kräftige Formen überstehen das Verkleinern weit besser als detailreiche Grafiken.
Brauche ich noch eine favicon.ico?
Selten. Jeder aktuelle Browser liest PNG-Icons aus Link-Tags. Behalten Sie die .ico nur, wenn Sie sehr alte Internet-Explorer-Versionen unterstützen müssen oder etwas in Ihrem Stack sie per Konvention im Wurzelverzeichnis sucht.
Wofür ist site.webmanifest da?
Sie sagt Android und Chrome, welche Icons zu verwenden sind, wenn jemand Ihre Website zum Startbildschirm hinzufügt, dazu App-Name und Themenfarbe. Ohne sie greift Android auf einen Screenshot der Seite zurück.