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.
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
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.