Der Favicon-Generator macht aus einem Logo das komplette Icon-Set einer Website: favicon-16x16.png, favicon-32x32.png und favicon-48x48.png (Browser-Tab und Desktop-Verknüpfung), apple-touch-icon.png mit 180×180 (iOS-Homescreen), android-chrome-192x192.png und android-chrome-512x512.png (Android und PWA). Die drei PNGs mit 16 / 32 / 48 werden zusätzlich in eine Multi-Größen-Datei favicon.ico verpackt, dazu kommen eine site.webmanifest-Vorlage und der fertige <link>-Code für den <head>. Skaliert wird mit hochwertigem Resampling von pica. Die Verarbeitung läuft lokal im Browser.

Das Werkzeug kümmert sich nur um Größen und Verpackung, nicht ums Design: Ein gutes Favicon ist ein Logo, das auch bei 16 px noch erkennbar ist.

1. 01Logo hochladenein einzelnes PNG / JPG / WebP / SVG, idealerweise quadratisch mit mindestens 512×512; nicht quadratische Bilder erhalten den Hinweis „Wird automatisch mittig zugeschnitten“.
2. 02Komplettes Favicon-Set erzeugenNach dem Klick wird das Logo mittig zu einem Quadrat beschnitten und der Reihe nach auf sechs Größen skaliert; ist die kurze Seite der Quelle kleiner als 512 px, warnt das Werkzeug, dass das 512-Icon vergrößert wurde.
3. 03Ergebnis ansehen„Generierte Dateien“ listet Namen, Zweck und Volumen jeder Datei, einzeln herunterladbar; „Als ZIP herunterladen“ liefert favicon.zip mit sieben Bilddateien plus site.webmanifest.
4. 04In die Website einbauenAus „Einbau-Code“ die HTML-Verweise kopieren (<link rel=icon>, apple-touch-icon, manifest) und in den <head> setzen, die entpackten Dateien ins Wurzelverzeichnis der Website legen und im Manifest Name und Theme-Farbe nach Bedarf anpassen.

Eingabe

PNG / JPG / JPEG / WebP / SVG, ein Bild auf einmal; SVG wird zuerst gerastert und dann skaliert, Vektoren bleiben nicht erhalten

Größensatz

fest sechs PNG-Größen, ICO enthält fest 16 / 32 / 48; eigene Größen oder Änderungen gibt es nicht

ICO-Verpackung

innen liegen direkt PNG-Daten (unterstützt von modernen Browsern und ab Windows Vista), kein altes BMP-Bitmap

Zuschnitt

nicht quadratische Bilder werden immer mittig quadratisch beschnitten, ein anderer Ausschnitt oder Auffüllen mit Rand ist nicht möglich

Was es nicht macht

keine Icon-Gestaltung, keine abgerundeten Ecken oder Hintergrundfarben (dafür zuerst „Runde Profilbilder“), kein Windows-Kachel-browserconfig.xml und kein Safari-pinned-tab-SVG

Zuschneiden, Skalieren und ICO-Verpackung laufen lokal im Browser, das Logo wird an keinen Server geschickt.