SEO
Favicon Generator
Ein Bild hochladen und ein vollständiges Favicon-Set (16–512px, .ico, Web-Manifest) sowie fertigen HTML-Code für den <head> erhalten.
Das Archiv enthält alle PNGs, favicon.ico und site.webmanifest.
Moderne Browser und Betriebssysteme erwarten längst nicht mehr nur eine favicon.ico — sie brauchen einen ganzen Satz Icon-Größen für den Browser-Tab, Lesezeichen, den iOS/Android-Homescreen und ein PWA-Web-Manifest. Dieses Tool erzeugt den gesamten Satz aus einem einzigen hochgeladenen Bild.
So verwendest du es
- Lade ein Ausgangsbild hoch (idealerweise quadratisch, mindestens 512×512px) — das Tool erzeugt den gesamten Größenbereich (16–512px) in ICO- und PNG-Format.
- Lade ein Archiv mit allen Favicon-Dateien und der site.webmanifest herunter.
- Kopiere den fertigen Block von <link>-Tags und füge ihn in den <head> der Website ein.
Typische Anwendungsfälle
- Einen vollständigen Favicon-Satz für eine neue Website einrichten, ohne jede Größe manuell zu erstellen.
- Ein veraltetes Icon-Setup (nur favicon.ico) auf den modernen Standard mit PWA- und Android-Maskable-Icon-Unterstützung anheben.
- Schnell prüfen, wie ein Logo auf 16×16px verkleinert wirkt — feine Details verschwimmen bei dieser Größe oft.
Was du wissen solltest
Bei kleinen Größen (16–32px) werden feine Logodetails unleserlich — für ein Favicon eignet sich eine vereinfachte Bildmarke besser als ein vollständiges Logo mit Text.
Android-Maskable-Icons brauchen einen Sicherheitsbereich rund um die Hauptgrafik, sonst kann wichtiger Inhalt beim Anwenden der Formmaske abgeschnitten werden.
Artikel zu diesem Tool: Favicon: warum ein einziges Icon so viele Größen und Formate braucht
Häufig gestellte Fragen
Warum brauche ich so viele verschiedene Favicon-Größen?
Verschiedene Plattformen fordern verschiedene Größen an — Browser-Tabs verwenden typischerweise 16x16 oder 32x32, iOS-Homescreen-Symbole benötigen 180x180, und Android verwendet verschiedene Größen bis zu 512x512 — die Erzeugung des vollständigen Satzes stellt sicher, dass Ihr Symbol überall scharf aussieht.
Was ist der Unterschied zwischen .ico- und .png-Favicons?
Das .ico-Format kann mehrere Auflösungen in einer Datei bündeln und hat die breiteste Unterstützung älterer Browser, während moderne Browser auch einfache .png-Dateien akzeptieren, die direkt in Link-Tags referenziert werden — die meisten Websites verwenden heute beide für Kompatibilität.
Wird mein hochgeladenes Bild an einen Server gesendet, um die Favicons zu generieren?
Nein. Die gesamte Größenänderung und Formatkonvertierung erfolgt vollständig in Ihrem Browser — das Bild wird nie irgendwohin hochgeladen.
Kann ein SVG als Favicon verwendet werden?
Ja — moderne Chromium-basierte Browser und Firefox unterstützen <link rel="icon" type="image/svg+xml">, und ein solches Favicon bleibt bei jeder Bildschirmdichte scharf und kann sogar über prefers-color-scheme innerhalb der Datei selbst auf den Dunkelmodus reagieren.
Was ist ein maskierbares (maskable) Icon für Android?
Das ist ein Icon mit einem Sicherheitsbereich rund um die Hauptgrafik, den Android je nach Gerätethema in beliebige Formen zuschneiden kann (Kreis, abgerundetes Quadrat usw.), ohne wichtige Icon-Inhalte abzuschneiden.