Welche Größe sollte mein Ausgangsbild haben?

Quadratisch und mindestens 512 × 512 Pixel. Alle kleineren Größen werden daraus gerechnet.

Brauche ich wirklich alle diese Dateien?

Für den Reiter genügt die .ico. Die übrigen sorgen dafür, dass das Symbol auch auf dem Startbildschirm von iOS und Android sauber aussieht.

Warum sieht mein Favicon verwaschen aus?

Meist zu viel Detail. Bei 16 Pixeln überlebt nur eine einfache Form — ein Buchstabe oder ein Zeichen, kein vollständiges Logo.

Wird mein Logo hochgeladen?

Nein. Alle Größen werden in Ihrem Browser erzeugt.

Favicon erstellen

Ein quadratisches Bild ablegen und den vollständigen Satz erhalten — echte .ico-Datei, alle PNG-Größen, Manifest und der HTML-Schnipsel für den <head>.

oder irgendwo auf dieser Seite ablegen

JPG, PNG, WEBP

Ihre Dateien bleiben im Browser. Nichts wird hochgeladen.

Ein quadratisches Bild ablegen (512×512 oder größer eignet sich am besten), um einen vollständigen Favicon-Satz zu erzeugen.

So erstellen Sie ein Favicon aus einem Bild

Ein quadratisches Bild ablegen — 512 × 512 Pixel oder größer eignen sich am besten.
Der vollständige Satz wird erzeugt, mit Vorschau in Originalgröße.
Das ZIP herunterladen und den HTML-Schnipsel in den <head> einfügen.

Ein vollständiger Satz aus einem einzigen Bild

Ein Favicon ist längst nicht mehr eine Datei. Browser wollen kleine Größen für den Reiter, iOS möchte ein größeres Symbol für den Startbildschirm, Android liest die Größen aus dem Manifest. Sie bekommen hier alles auf einmal: die .ico, die PNG-Größen, das site.webmanifest und den passenden HTML-Schnipsel.

Eine echte .ico-Datei, kein umbenanntes PNG

Viele Generatoren liefern ein PNG mit der Endung .ico. Das funktioniert in modernen Browsern und geht schief, sobald etwas Älteres die Datei liest. Hier wird eine richtige ICO-Datei geschrieben, die drei Größen in einem Container enthält — so, wie das Format gedacht ist.

Wohin alles gehört

Legen Sie den Inhalt des ZIP in das Stammverzeichnis Ihrer Webseite, damit die Dateien unter /favicon.ico und den übrigen Adressen erreichbar sind. Danach fügen Sie den Schnipsel in den <head> ein. Das war alles.

Von Haus aus privat

Alle Größen werden in Ihrem Browser gerechnet. Ihr Logo wird nirgendwohin gesendet — was zählt, wenn die Marke noch nicht öffentlich ist.

Frequently asked questions

Welche Größe sollte mein Ausgangsbild haben?: Quadratisch und mindestens 512 × 512 Pixel. Alle kleineren Größen werden daraus gerechnet.
Brauche ich wirklich alle diese Dateien?: Für den Reiter genügt die .ico. Die übrigen sorgen dafür, dass das Symbol auch auf dem Startbildschirm von iOS und Android sauber aussieht.
Warum sieht mein Favicon verwaschen aus?: Meist zu viel Detail. Bei 16 Pixeln überlebt nur eine einfache Form — ein Buchstabe oder ein Zeichen, kein vollständiges Logo.
Wird mein Logo hochgeladen?: Nein. Alle Größen werden in Ihrem Browser erzeugt.