← Zurück zu Tools
Website-Tools

Favicon Generator: favicon.ico kostenlos erstellen

Ein Bild rein, der komplette Satz raus: favicon.ico, alle PNG-Größen, Apple-Touch-Icon, Web-Manifest und das fertige HTML-Snippet. Ohne Upload und ohne Anmeldung.

  • Echte .ico-Datei
  • Alle Größen auf einmal
  • HTML & Manifest inklusive
  • Bleibt auf Ihrem Gerät
1. Vorlage wählen

Logo hierher ziehen oder auswählen

PNG, JPG, SVG oder WebP · am besten quadratisch, mindestens 512 × 512 px

Warum ein Favicon mehr ist als Deko

Das Favicon ist das kleine Symbol im Browser-Tab und längst nicht mehr nur Deko. Google zeigt es seit Jahren in den mobilen Suchergebnissen direkt neben dem Domainnamen an. Wer keines hinterlegt hat, bekommt dort einen grauen Platzhalter: In einer Ergebnisliste, in der alle anderen ihr Logo zeigen, wirkt das schnell wie eine vernachlässigte Seite. Ein Rankingfaktor ist es nicht, aber es beeinflusst ob jemand klickt.

Dazu kommen die Stellen, an denen dasselbe Icon auftaucht: in den Lesezeichen, im Verlauf, in der Tab-Übersicht bei zwanzig offenen Tabs, auf dem Startbildschirm eines Smartphones und in Chat-Vorschauen. Überall entscheidet es darüber, ob Ihre Seite auf einen Blick erkennbar ist.

Welche Größen wirklich gebraucht werden

„Ein Favicon" gibt es nicht mehr, Betriebssysteme und Browser fragen unterschiedliche Größen ab. Dieser Generator erzeugt genau den Satz, der heute relevant ist:

DateiGrößeWofür
favicon.ico16, 32, 48 pxWird von manchen Programmen ohne HTML-Verweis direkt im Stammverzeichnis gesucht
favicon-16x16.png16 pxBrowser-Tab auf Standard-Bildschirmen
favicon-32x32.png32 pxBrowser-Tab auf HiDPI-Bildschirmen, Lesezeichen
favicon-48x48.png48 pxWindows-Verknüpfungen, Mindestgröße für Google
apple-touch-icon.png180 pxiOS-Startbildschirm (ohne Transparenz)
android-chrome-192x192.png192 pxAndroid-Startbildschirm
android-chrome-512x512.png512 pxSplashscreen bei installierten Web-Apps

Warum die .ico-Datei noch existiert

Das ICO-Format stammt aus den Neunzigern und ist ein Container: Es enthält mehrere Bildgrößen in einer Datei, damit sich das System die passende heraussuchen kann. Trotz PNG-Unterstützung in allen Browsern lohnt es sich weiterhin, weil manche Programme, Feed-Reader und Vorschaudienste stur /favicon.ico abrufen, ganz ohne den HTML-Verweis zu lesen. Die hier erzeugte Datei enthält 16, 32 und 48 Pixel.

Worauf es bei der Vorlage ankommt

Der häufigste Fehler ist, das komplette Logo mit Schriftzug zu verwenden. Bei 16 × 16 Pixeln, das ist etwa so groß wie ein Buchstabe in diesem Text, bleibt davon ein grauer Fleck. Was funktioniert:

  • Nur die Bildmarke, nicht die komplette Wort-Bild-Marke.
  • Ein Buchstabe oder ein Monogramm, wenn es keine Bildmarke gibt.
  • Kräftige Kontraste. Feine Linien und Verläufe verschwinden beim Verkleinern.
  • Quadratisch und mindestens 512 × 512 Pixel, damit auch die großen Icons scharf bleiben.
  • Auf beiden Hintergründen prüfen. Browser haben helle und dunkle Tab-Leisten, ein dunkles Logo auf transparentem Grund verschwindet im Dark Mode.

Einbauen

Alle Dateien gehören ins Stammverzeichnis der Website, also dorthin, wo auch die Startseite liegt. Danach kommt das mitgelieferte Snippet in den <head> jeder Seite. Wer ein CMS nutzt, findet die Stelle meist unter „Design" oder „Theme-Einstellungen"; viele Systeme haben auch ein eigenes Feld für das Favicon, dann genügt der Upload der einzelnen Dateien.

Wenn nichts passiert: Favicons werden von Browsern extrem hartnäckig zwischengespeichert, teilweise unabhängig vom normalen Cache. Rufen Sie zum Test die Datei direkt auf (ihre-domain.de/favicon.ico) und probieren Sie ein privates Fenster. Bis alle Ansichten, auch die in der Google-Suche, aktualisiert sind, können einige Tage vergehen.

Datenschutz

Ihr Bild verlässt den Rechner nicht. Die Icons entstehen über die Canvas-API des Browsers, und auch die favicon.ico wird lokal zusammengesetzt, der Container wird per JavaScript Byte für Byte gebaut. Es gibt keinen Upload, keine Zwischenspeicherung und keine Weitergabe.

Häufige Fragen zum Favicon-Generator

Welche Größe braucht ein Favicon?

Es gibt nicht die eine Größe: 16 und 32 px für Browser-Tabs, 48 px für Windows, 180 px für iOS, 192 und 512 px für Android und PWAs. Der Generator erzeugt alle aus einer Vorlage.

Brauche ich noch eine favicon.ico?

Ja. Manche Programme und Dienste fragen ausschließlich /favicon.ico im Stammverzeichnis ab, ohne das HTML zu lesen. Die erzeugte Datei enthält 16, 32 und 48 px in einem Container.

Welches Bild eignet sich als Vorlage?

Ein quadratisches PNG mit transparentem Hintergrund, mindestens 512 × 512 px, und vor allem: einfach. Bei 16 px bleibt von einem detaillierten Logo nichts übrig, meist funktioniert nur die Bildmarke oder ein Buchstabe.

Warum wird mein neues Favicon nicht angezeigt?

Browser speichern Favicons besonders lange. Datei direkt aufrufen (ihre-domain.de/favicon.ico), privates Fenster testen, Cache leeren. Bis die Google-Suche das neue Icon zeigt, können einige Tage vergehen.

Ist ein Favicon relevant für SEO?

Kein Rankingfaktor, aber sichtbar: Google zeigt es in den mobilen Suchergebnissen neben der Domain. Fehlt es, steht dort ein grauer Platzhalter. Google verlangt ein quadratisches Icon mit mindestens 48 px unter einer crawlbaren URL.

Werden meine Bilder hochgeladen?

Nein. Alles wird im Browser berechnet, inklusive der .ico-Datei. Kein Upload, keine Speicherung.

Website-Basics, die oft fehlen

Favicon, Ladezeit, Barrierefreiheit, strukturierte Daten: Kleinigkeiten, die zusammen darüber entscheiden, ob Ihre Seite professionell wirkt. Ich schaue mir das Ganze an.

Kostenlose Erstberatung anfragen

Passende Tools