Favicon aus einem Bild erstellen

Ein Favicon ist das winzige Bild, das der Browser im Tab, in den Lesezeichen und im Verlauf neben dem Namen deiner Website anzeigt. Das klassische Format ist ICO, eine kleine Symboldatei, die die meisten Browser ohne zusätzliche Einrichtung erkennen.

Ein gutes Favicon erfüllt zwei Bedingungen: Es sollte ungefähr quadratisch sein und auch dann noch erkennbar bleiben, wenn es auf Fingernagelgröße verkleinert wird. Deshalb sind Favicons meist ein fetter Buchstabe, ein Logo-Zeichen oder eine einfache Form statt eines detaillierten Fotos.

Wenn du bereits ein quadratisches Logo hast, ist die Umwandlung nur ein Schritt:

• Öffne den PNG-zu-ICO-Konverter und ziehe dein Bild hinein.
• Lass es umwandeln und lade dann die .ico-Datei herunter.
• Füge sie deiner Website als favicon.ico hinzu oder verlinke sie aus deinem HTML.

Du startest mit einem anderen Format? Nutze den JPG-zu-ICO-Konverter für ein Foto oder ein flaches Logo, oder SVG-zu-ICO, wenn dein Zeichen ein Vektor ist – eine Vektorquelle ist ideal, weil sie sauber in jeder Größe gezeichnet wird, die das Symbol braucht. Jede Umwandlung läuft in deinem Browser, das Bild wird also nie hochgeladen.

Das Symbol kann nur so klar sein wie die Vorlage, die du ihm gibst. Ist dein Bild nicht quadratisch, schneide es zuerst im Fotoeditor quadratisch zu, damit der Konverter nicht raten muss – zentriere den wichtigen Teil und schneide den Rest weg. Vereinfache unruhige Motive auf eine einzige starke Form oder einen Buchstaben, denn feine Details verschwimmen in Favicon-Größe.

Existiert dein Logo als Vektorgrafik, behalte es so lange wie möglich als SVG und wandle es erst zuletzt in ICO um – Vektoren bleiben scharf, weil sie exakt in Pixelgröße gerendert werden, statt aus einer kleinen Bitmap hochskaliert zu werden. Weiteren Hintergrund zum sauberen Rastern von Vektoren findest du unter SVG verlustfrei in PNG umwandeln.