TontonTools

Favicon-Generator

Generieren Sie Favicons aus jedem Bild – in jeder Größe, die eine Website benötigt.

100% Kostenlos Keine Anmeldung Datenschutzfreundlich Bildwerkzeuge
Sep 2026 aktualisiert

Drag & drop an image here, or

Share X / Twitter Facebook LinkedIn WhatsApp

So verwenden Sie Favicon-Generator

  1. Laden Sie ein quadratisches Logo hoch – vereinfacht für eine kleine Anzeige; 512px+ Quelle ist ideal.
  2. Generieren Sie den Favicon-Satz – ICO plus die PNG-Größen.
  3. Bereitstellen: favicon.ico im Stammverzeichnis, PNGs mit ihren Link-Tags in .
  4. Überprüfen Sie in einem privaten Fenster – Favicon-Caches überleben alles.

Was ist Favicon-Generator?

Ein Favicon-Generator verwandelt Ihr Logo in den Symbolsatz, den eine Website benötigt: das klassische favicon.ico, das Browser standardmäßig anfordern, plus die PNG-Größen, die moderne Plattformen verwenden (16/32 für Tabs, 180 für Apple Touch-Symbole, 192/512 für Android/PWA). Ein quadratisches Bild in; Die Bereitstellung ist geplant.

Favicons überragen ihre 16 Pixel: Sie sind die Identität Ihrer Website in Tabs, Lesezeichen, Verlauf und Suchergebnissen (Google zeigt Favicons in mobilen SERPs an – ein echter CTR-Faktor), und ihre Abwesenheit wirkt wie unvollendet.

Über den Favicon-Generator

Laden Sie ein quadratisches Bild – Ihr Logo oder Ihre Marke – hoch und generieren Sie den Favicon-Satz.

Die Bereitstellung erfolgt in der Kurzversion: favicon.ico im Stammverzeichnis der Website (wird automatisch unter /favicon.ico angefordert), und die Head-Tags deklarieren den Rest – für PNGs, für iOS-Startbildschirme und ein Web Manifest für Android/PWA-Symbole. Die meisten Websites benötigen genau dieses Rezept einmal und denken dann nie wieder darüber nach.

Designgesetz im Favicon-Maßstab: 16 Pixel verzeihen nichts – die Markierungen, die funktionieren, sind eine fette Form, ein Buchstabe oder ein Symbol mit hohem Kontrast; Volle Logos mit Text werden zu Flecken. Testen Sie die generierten 16 Pixel anhand einer belebten Tab-Leiste (helle UND dunkle Themen – Transparenz behandelt beides). Und erwarten Sie Caching: Favicons sind die am hartnäckigsten zwischengespeicherten Assets im Web. Überprüfen Sie Änderungen in einem privaten Fenster. Uploads werden verarbeitet und zurückgegeben, nicht aufbewahrt.

Häufig gestellte Fragen

Grundlinie: favicon.ico (16+32) an der Wurzel. Modernes Set: 32 Pixel PNG (Tabs), 180 Pixel Apple-Touch-Icon (iOS), 192/512 Pixel (Android/PWA-Manifest). Die Baseline deckt allein Browser ab; Das Set deckt alles ab.
<link rel="icon" href="/favicon.ico"> (optional – der Root-Pfad wird ohnehin angefordert), <link rel="icon" type="image/png" size="32x32" …>, <link rel="apple-touch-icon" …> und ein Manifest für PWA-Symbole. Die Ausgabe von Generatoren umfasst normalerweise das Snippet.
Detailtod bei 16 Pixel – Text und feine Elemente können nicht überleben. Verwenden Sie das einfachste Unterscheidungsmerkmal des Logos: die Marke ohne Wortmarke, einen Buchstaben, eine Form. Eine Neugestaltung für 16px ist normal und kein Fehler.
Indirekt – Google zeigt Favicons in mobilen Suchergebnissen an, wobei ein erkennbares Symbol die Klickrate erhöht und ein fehlendes/defektes Symbol verlassen wirkt. Es handelt sich um ein Branding im SERP, nicht um einen Ranking-Faktor.
Das Favicon-Caching ist bekanntermaßen persistent. Hard-Refresh, privates Fenster, oder /favicon.ico direkt anfordern, um die Serverseite zu bestätigen; Die Caches der Besucher wechseln nach ihrem eigenen Zeitplan.

Learn more

So erstellen Sie ein Favicon für Ihre Website

Dieses kleine Symbol im Browser-Tab ist ein echtes Vertrauenssignal. So erstellen Sie ein Favicon in allen benötigten Größen.

Read the guide

We use cookies for analytics and to keep the tools free via ads. See our Privacy Policy.