Wandle ein beliebiges Bild in ein vollständiges Favicon-Set um: .ico, PNG-Größen, Apple touch icon und web manifest, alles direkt in deinem Browser erzeugt.
So nutzt du den Favicon-Generator
Lade ein quadratisches Bild hoch. Ein einfaches Logo oder Icon eignet sich am besten, die Verarbeitung läuft vollständig im Browser.
Optional kannst du einen Hintergrund auswählen und deinen Website-Namen für das web manifest eingeben.
Lade das ZIP herunter und füge das HTML-Snippet in den Head deiner Seite ein.
Ein Favicon ist das kleine Symbol, das in Browser-Tabs, Lesezeichen und auf Startbildschirmen von Handys angezeigt wird. Es ist ein winziges Detail, das eine Website fertig und wiedererkennbar wirken laesst, und moderne Browser erwarten mehrere Versionen davon.
Das ist der Haken: Ein Bild reicht heute nicht mehr. Du brauchst eine .ico-Datei mit mehreren Groessen fuer klassische Browser, separate PNG-Groessen, ein Apple-Touch-Icon fuer iOS-Startbildschirme, groessere PNGs fuer Android und ein Web-Manifest, falls die Website installierbar sein soll.
Dieser Generator baut den gesamten Satz aus einem einzigen Bild, einschliesslich einer echten .ico-Datei mit mehreren Groessen, und liefert dir das genaue HTML-Snippet zum Einfuegen in den Head deiner Seite, sodass du nichts davon selbst zusammenstellen oder von Hand schreiben musst.
Fuer das beste Ergebnis lade ein quadratisches Bild von mindestens 512 px hoch, idealerweise ein einfaches Logo oder eine Bildmarke statt eines detaillierten Fotos, da das Symbol oft sehr klein angezeigt wird. Ein nicht quadratisches Bild wird zentriert und zu einem Quadrat aufgefuellt, sodass Details nahe den Raendern in den Raendern landen koennen.
Du kannst optional eine Hintergrundfarbe und deinen Website-Namen festlegen. Der Website-Name kommt in das Web-Manifest, das verwendet wird, wenn jemand die Website zu seinem Startbildschirm hinzufuegt.
Alles laeuft lokal in deinem Browser mit der Canvas-API, sodass dein Bild nie hochgeladen wird. Du laedst eine ZIP-Datei mit allen Dateien und dem einzufuegenden Snippet herunter.
Häufig gestellte Fragen
Ein favicon.ico mit 16, 32 und 48 px, separate 16- und 32-px-PNGs, ein 180-px-Apple touch icon, 192- und 512-px-PNGs für Android, ein site.webmanifest und ein HTML-Snippet zum Einfügen in den head deiner Seite.
Ein quadratisches Bild von mindestens 512 px funktioniert am besten, idealerweise ein einfaches Logo oder Zeichen. Ein nicht quadratisches Bild wird zentriert und auf ein Quadrat aufgefüllt, sodass Details nahe den Rändern in den Rändern landen können.
Nein. Die Symbole werden in deinem Browser mit der Canvas API erzeugt, sodass dein Bild dein Gerät nie verlässt.
Verschiedene Orte zeigen das Symbol in verschiedenen Größen: winzig in einem Browser-Tab, größer auf einem Handy-Startbildschirm. Mehrere Größen bereitzustellen bedeutet, dass jeder Kontext ein scharfes, korrekt skaliertes Symbol nutzt.
Das site.webmanifest teilt Handys die Symbole und den Namen mit, die verwendet werden sollen, wenn jemand deine Seite zu seinem Startbildschirm hinzufügt, sodass sie sich wie eine installierte App verhält.
Dieses Tool einbetten
Füge dieses Tool zu deiner eigenen Website hinzu. Kopiere den Code unten. Er bleibt automatisch aktuell.
<iframe src="https://monu.tools/embed/de/favicon-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Verwandte Tools
Erzeuge SHA-1-, SHA-256-, SHA-384- und SHA-512-Hashes von beliebigem Text – direkt im Browser.
Konvertiere Farben zwischen HEX, RGB und HSL mit Live-Vorschau.
Wandle Unix-Timestamps in lesbare Daten um und zurück – UTC, lokal, ISO 8601 und relative Zeit. Sekunden und Millisekunden werden automatisch erkannt.
Prozent-kodiere und dekodiere URLs und URL-Komponenten, UTF-8-sicher.