Monu Tools

Favicon-Generator

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.

Zieh eine Datei hierher oder klicke, um eine auszuwählen

Dateien werden in deinem Browser verarbeitet und nie hochgeladen.

So nutzt du den Favicon-Generator

  1. 01

    Lade ein quadratisches Bild hoch. Ein einfaches Logo oder Icon eignet sich am besten, die Verarbeitung läuft vollständig im Browser.

  2. 02

    Optional kannst du einen Hintergrund auswählen und deinen Website-Namen für das web manifest eingeben.

  3. 03

    Lade das ZIP herunter und füge das HTML-Snippet in den Head deiner Seite ein.

Häufig gestellte Fragen

Was ist im Favicon-Paket enthalten?

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.

Welches Bild sollte ich hochladen?

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.

Werden meine Bilder hochgeladen?

Nein. Die Symbole werden in deinem Browser mit der Canvas API erzeugt, sodass dein Bild dein Gerät nie verlässt.

Warum brauche ich so viele Größen?

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.

Wofür ist das web manifest da?

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.

Über dieses Tool

Ein Favicon ist das kleine Symbol, das in Browser-Tabs, Lesezeichen und auf Handy-Startbildschirmen angezeigt wird. Es ist ein winziges Detail, das eine Seite fertig und wiedererkennbar wirken lässt, und moderne Browser erwarten mehrere Versionen davon.

Genau das ist der Haken: Ein Bild reicht heute nicht mehr. Du brauchst ein .ico mit mehreren Größen für klassische Browser, separate PNG-Größen, ein Apple touch icon für iOS-Startbildschirme, größere PNGs für Android und ein web manifest, falls die Seite installierbar sein soll.

Dieser Generator erstellt das gesamte Set aus einem einzigen Bild, einschließlich eines echten .ico mit mehreren Größen, und gibt dir das exakte HTML-Snippet zum Einfügen in den head deiner Seite, sodass du nichts davon zusammenbauen oder von Hand schreiben musst.

Für das beste Ergebnis lade ein quadratisches Bild von mindestens 512 px hoch, idealerweise ein einfaches Logo oder Zeichen statt eines detaillierten Fotos, da das Symbol oft sehr klein angezeigt wird. 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.

Du kannst optional eine Hintergrundfarbe und deinen Seitennamen festlegen, der in das web manifest kommt, das verwendet wird, wenn jemand die Seite zu seinem Startbildschirm hinzufügt.

Alles läuft lokal in deinem Browser mit der Canvas API, sodass dein Bild nie hochgeladen wird; du lädst ein ZIP mit allen Dateien und dem Snippet zum Einfügen herunter.

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