Zum Hauptinhalt springen

Kostenloser Favicon-Generator

Erzeuge favicon.ico und gaengige PNG-Favicon-Groessen lokal aus Logo, Icon oder Bild.

Nur im Browser, privat

Lokale Browser-Verarbeitung. Keine Uploads.

Kostenloser Favicon-Generator
Erzeuge favicon.ico und gaengige PNG-Favicon-Groessen lokal aus Logo, Icon oder Bild.

Datei ablegen oder klicken, um zu durchsuchen

12%

Warten auf eine Datei

Fügen Sie eine Datei hinzu, um zu starten.

Original

-

Ausgabe

-

Erzeugte Groessen

16, 32, 48, 96, 180, 192, 512

Lokale Browser-Verarbeitung. Keine Uploads.

Ausgabe

Warten auf eine Datei

So erzeugst du Favicons aus einem Logo

Ein Ausgangsbild liefert den ICO-Fallback, die PNG-Größen und das HTML, das du in dein Layout einfügst.

  1. Starte mit einem quadratischen Logo

    Nutze ein quadratisches Bild, idealerweise SVG, PNG oder WebP, mit einer einfachen, kontrastreichen Marke, die auch bei 16x16 Pixeln noch lesbar ist.

  2. Innenabstand und Hintergrund festlegen

    Der Innenabstand hält die Marke vom Bildrand frei, ein solider Hintergrund hält das Icon auch auf einer dunklen Browser-Leiste sichtbar.

  3. Erzeugen und herunterladen

    Klicke auf Favicons erzeugen. Das Tool schreibt favicon.ico mit 16, 32 und 48 Pixel großen Frames sowie PNG-Icons mit 96, 180, 192 und 512 Pixeln.

  4. HTML-Snippet einfügen

    Kopiere das erzeugte Snippet in den Head deines Dokuments, damit Browser, der iOS-Startbildschirm und App-Manifeste die Icons finden.

Fragen zum Favicon-Generator

  1. 1

    Wird mein Logo irgendwo hochgeladen?

    Nein. Die Favicons werden in deinem Browser aus dem von dir gewählten Bild erzeugt.

  2. 2

    Welche Dateien erzeugt der Generator?

    Eine favicon.ico mit mehreren Größen und 16, 32 und 48 Pixel großen Frames, PNG-Icons mit 96, 180, 192 und 512 Pixeln sowie das passende HTML-Snippet.

  3. 3

    Sollte ich die ICO- oder die PNG-Dateien ausliefern?

    Liefere favicon.ico als Fallback für alte Browser und die PNG-Größen für moderne Browser, den iOS-Startbildschirm und Web-App-Manifeste.

  4. 4

    Warum wirkt mein Favicon im Tab unscharf?

    Ein 16x16-Icon kann keine feinen Details halten, dünne Striche und kleine Schrift verschwimmen also. Eine quadratische, kontrastreiche Marke mit Innenabstand bleibt lesbar.

  5. 5

    Brauche ich ein Konto oder ein Plugin?

    Nein. Der Generator ist kostenlos, läuft im Browser und braucht keine Anmeldung.

Kurz-Tipps

  • Nutze ein quadratisches, kontrastreiches Logo fuer lesbare 16x16 Favicons.
  • Lade favicon.ico fuer alte Browser und 512 PNG fuer PWA- oder App-Icons herunter.

Weitere Tools

Weiterlesen

Bei neuen Funktionen benachrichtigen lassen

Eine E-Mail, sobald ein neues Produkt oder Feature erscheint. Kein Spam, jederzeit abbestellbar.