Favicon-Generator

Mach aus einem Logo oder einem beliebigen quadratischen Bild ein komplettes Favicon-Set: eine favicon.ico in mehreren Größen, PNG-Icons für Browser und Smartphones, ein Web-Manifest und den HTML-Code zum Einfügen in deine Website. Alles wird in deinem Browser erzeugt, dein Bild wird also nie hochgeladen.

Ziehe ein Bild hierher oder klicke, um eine Datei auszuwählen

Am besten eignet sich ein quadratisches PNG mit Transparenz. Die Dateien bleiben auf deinem Gerät.

Vorschau

HTML für den Head-Bereich deiner Seite

Jede Icon-Größe wird gerendert, die favicon.ico zusammengesetzt und die ZIP-Datei gepackt, und das alles komplett in deinem Browser. Dein Quellbild wird nie an einen Server gesendet.

Alles, was du für ein Favicon brauchst

Ein Favicon ist das kleine Symbol in Browser-Tabs, Lesezeichen und auf dem Startbildschirm von Smartphones. Es richtig umzusetzen erfordert mehrere Größen und ein paar Formate, was von Hand mühsam ist. Dieser Favicon-Generator nimmt ein Bild und erstellt das komplette Set für dich: eine klassische favicon.ico mit den Versionen in 16, 32 und 48 Pixeln, separate PNGs für moderne Browser sowie Apple- und Android-Geräte, ein Web-Manifest und die exakten HTML-Zeilen für den Head-Bereich deiner Seite.

Er ist gemacht für Webentwickler, Blogger und Shop-Betreiber, die ein scharfes, korrektes Favicon für alle Browser und Geräte wollen, ohne sich mit einem Bildbearbeitungsprogramm herumzuschlagen.

So erstellst du ein Favicon

  1. Bild hochladen. Ein quadratisches Logo oder Icon mit transparentem Hintergrund liefert das sauberste Ergebnis.
  2. Vorschau prüfen. Sieh dir an, wie es in jeder Größe aussieht, vom winzigen 16-Pixel-Tab-Icon bis zu 512 Pixeln.
  3. Herunterladen. Lade die favicon.ico einzeln herunter oder das komplette ZIP-Paket mit allen Dateien.
  4. HTML einfügen. Kopiere den bereitgestellten Code in den Head-Bereich deiner Website und lade die Dateien in das Stammverzeichnis hoch.

Eine echte ICO-Datei mit mehreren Größen

Die favicon.ico ist eine richtige Icon-Datei, die die Bilder in 16, 32 und 48 Pixeln in einer Datei enthält, sodass Browser für Tabs, Lesezeichen und die Adressleiste die schärfste Version wählen können.

Icons für Web und Mobilgeräte

Das Paket enthält PNG-Icons für moderne Browser, ein Apple-Touch-Icon mit 180 Pixeln für iPhones sowie Icons mit 192 und 512 Pixeln für Android und Progressive Web Apps.

HTML zum direkten Einfügen

Du bekommst außerdem eine Manifest-Datei und einen kurzen HTML-Block zum Kopieren in den Head-Bereich deiner Seite. Das Favicon einzubinden heißt also nur einfügen und hochladen.

Darum lohnt sich dieser Favicon-Generator

  • Komplettes Set: ICO, PNG-Icons, Manifest und HTML in einem Rutsch.
  • Echte ICO mit mehreren Größen: 16, 32 und 48 Pixel gebündelt in der favicon.ico.
  • Kein Upload: Dein Logo wird im Browser verarbeitet und bleibt privat.
  • Kein Wasserzeichen: Die Icons bestehen nur aus deinem Bild, es wird nichts hinzugefügt.
  • Kostenlos und sofort: ohne Konto und ohne Warten auf einen Server.

Beliebte Favicon-Größen und Einsatzzwecke

Am schnellsten erstellst du ein Favicon, indem du ein quadratisches PNG oder JPG deines Logos hineinziehst und das Tool alle Größen rendern lässt. Die erzeugte favicon.ico enthält die Versionen 16 mal 16, 32 mal 32 und 48 mal 48 in einer einzigen Datei, genau das, was Browser für Tabs, Lesezeichen und die Adressleiste wollen. Das Icon mit 16 mal 16 ist das winzige im Browser-Tab, während 32 mal 32 für schärfere Displays und angeheftete Verknüpfungen verwendet wird. Betreibst du eine WordPress-, Shopify- oder reine HTML-Website, lädst du diese favicon.ico in das Stammverzeichnis deiner Seite hoch und fügst die passenden Link-Tags in den Head-Bereich ein.

Für Smartphones und Apps bekommst du außerdem ein Apple-Touch-Icon mit 180 mal 180, die Größe, die iPhone und iPad verwenden, wenn jemand deine Seite zum Home-Bildschirm hinzufügt, plus PNGs mit 192 mal 192 und 512 mal 512 für Android und Progressive Web Apps sowie ein Web-Manifest. Da das Bild eingepasst und zentriert wird, kannst du ein breites Logo, ein App-Icon oder einen einzelnen Buchstaben in ein sauberes Icon-Set verwandeln. Ein einfaches Symbol mit transparentem Hintergrund bleibt am besten lesbar, wenn es auf 16 mal 16 schrumpft.

Häufige Fragen

Lade ein quadratisches Bild hoch, prüfe die Vorschau in jeder Größe, lade dann die favicon.ico oder das komplette ZIP-Paket herunter und füge den bereitgestellten HTML-Code in den Head-Bereich deiner Seite ein.

Eine favicon.ico mit 16, 32 und 48 Pixeln sowie PNG-Icons mit 16, 32 und 180 für Apple-Geräte und mit 192 und 512 für Android und Web-Apps.

Ja. Die ICO-Datei wird in deinem Browser zusammengesetzt und enthält die Bilder in 16, 32 und 48 Pixeln gemeinsam, sodass Browser die schärfste Version wählen können.

Nein. Jede Größe wird gerendert und die Dateien werden komplett in deinem Browser gepackt. Dein Quellbild wird nie an einen Server gesendet.

Am besten ein quadratisches Bild, idealerweise ein einfaches Logo oder Symbol mit transparentem Hintergrund, damit es auch bei 16 Pixeln klar lesbar bleibt.

Lade die Icon-Dateien in das Stammverzeichnis deiner Website hoch und füge den HTML-Code in den Head-Bereich deiner Seiten ein.

Nein. Die Icons enthalten nur dein Bild. Von MyIMGs wird nichts hinzugefügt.

Ja, es ist komplett kostenlos und braucht kein Konto.

Ziehe ein quadratisches PNG oder JPG hinein, prüfe die Vorschau und lade dann die favicon.ico oder das komplette ZIP-Paket herunter. Das Bild wird eingepasst und zentriert, daher funktioniert ein Logo oder Symbol mit transparentem Hintergrund am besten.

Eine favicon.ico sollte die Größen 16 mal 16, 32 mal 32 und 48 mal 48 enthalten, die dieses Tool für dich bündelt. Für Smartphones brauchst du zusätzlich ein Apple-Touch-Icon mit 180 mal 180 sowie PNGs mit 192 mal 192 und 512 mal 512 für Android und Web-Apps.

Lade das Paket herunter, lade die favicon.ico und die PNG-Dateien in das Stammverzeichnis deiner Seite hoch und füge dann die bereitgestellten Link-Tags in den Head-Bereich ein. Bei WordPress, Shopify oder reinem HTML übernehmen Browser die favicon.ico im Stammverzeichnis als Tab-Icon.

Die favicon.ico ist eine einzelne Datei, die mehrere Größen gleichzeitig enthält, hier 16 mal 16, 32 mal 32 und 48 mal 48, sodass ältere und neuere Browser die schärfste wählen können. Die separaten PNG-Icons nutzen moderne Browser sowie Smartphones für das Apple-Touch-Icon und die Android-Icons.

Ähnliche Tools