Favicon aus einem Bild erstellen: kostenloses Paket

Was enthält das Paket?

Die ZIP-Datei enthält eine favicon.ico mit PNG-Daten in sechzehn, zweiunddreißig und achtundvierzig Pixeln, kleine PNG-Icons, ein Apple-Touch-Icon, zwei Manifest-Icons, ein Webmanifest und passende HTML-Tags. Entpackte Dateien ins Stammverzeichnis der Website kopieren und die Tags in den HTML-Head einfügen. Für installierbare Apps die Namen im Manifest ergänzen.

Ein Motiv wählen, das klein funktioniert

Eine klare, möglichst quadratische Grafik mit mindestens achtundvierzig Pixeln in beiden Richtungen eignet sich am besten. Das Werkzeug schneidet mittig ein Quadrat aus und verkleinert es. Text und feine Details sind als kleines Tab-Icon womöglich nicht mehr erkennbar. Für die großen App-Icons ist eine hochauflösende Vorlage sinnvoll. Hinter Apple- und App-Icons erscheint die gewählte Hintergrundfarbe; kleine Browser-Icons können transparent bleiben.

Auf der eigenen Website prüfen

Nach dem Einbau die Website im Browser-Tab und auf einem Mobilgerät öffnen. Dateipfade und HTML-Tags kontrollieren. Google kann das Favicon in Suchergebnissen zeigen, wenn seine Vorgaben erfüllt sind; eine Anzeige ist nicht garantiert. Aus Rasterpixeln entsteht hier keine echte SVG-Vektordatei.

Favicon-Dateien und Größen im ZIP-Paket

• favicon.ico: Bilder mit 16, 32 und 48 Pixeln in einer ICO-Datei.
• favicon-16x16.png und favicon-32x32.png: kleine Browser-Icons.
• apple-touch-icon.png: 180 × 180 Pixel.
• icon-192.png und icon-512.png: App-Icons, auf die site.webmanifest verweist.
• install.html.txt: HTML-Link-Tags zum Einfügen in den Seitenkopf.

Favicon einbinden und ein altes Icon prüfen

1. ZIP entpacken und Bilddateien sowie Manifest ins Stammverzeichnis der Website hochladen.
2. Link-Tags aus install.html.txt in den HTML-Head kopieren. Bei einem Unterordner auch die Pfade in den Tags und im Manifest anpassen.
3. Die verlinkten Datei-URLs einzeln öffnen und ihre Erreichbarkeit prüfen. Danach die Website neu laden und einen neuen Browser-Tab kontrollieren.

Bleibt das alte Favicon sichtbar, im veröffentlichten HTML nach einer älteren Icon-Angabe suchen und den Browser-Cache prüfen. Der Generator leert weder Browser- noch Suchmaschinen-Caches. Google empfiehlt ein quadratisches Bild mit mehr als 48 × 48 Pixeln. Das 192-Pixel-PNG aus diesem Paket kann als Website-Icon verlinkt werden; eine Anzeige in Suchergebnissen ist nicht garantiert. Aktuelle Favicon-Vorgaben von Google lesen.

Häufige Fragen

Werden die Bilddateien hochgeladen?

Nein. PNG-, JPEG- und WebP-Dateien bleiben beim Erstellen des Pakets im Browser.

Ist das ganze Logo sichtbar?

Die Vorlage wird mittig quadratisch zugeschnitten. Wählen Sie eine quadratische Grafik, falls die Randbereiche wichtig sind.

Wird das Favicon garantiert bei Google angezeigt?

Nein. Die Dateien müssen richtig installiert sein und den Vorgaben entsprechen. Über die Anzeige entscheidet die Suchmaschine.