Favicon-Generator
Generiere Favicons in allen Größen aus beliebigen Bildern. Herunterladen als ZIP mit Manifest und HTML-Links.
Problem Melden
Sie haben einen Bug gefunden oder einen Vorschlag? Helfen Sie uns, dieses Tool zu verbessern.
Was ist dieses Tool?
Der Favicon-Generator erstellt aus einer einzigen Quelldatei alle benötigten Website-Icons. Er erzeugt favicon.ico (16x16, 32x32, 48x48), Apple Touch Icon (180x180), Android-Chrome-Icons (192x192, 512x512), site.webmanifest und browserconfig.xml. Laden Sie alles als deploymentbereites ZIP-Paket mit HTML-Integrationscode herunter.
Anwendung
- 1
Bild hochladen
Laden Sie ein PNG-, JPG- oder SVG-Bild hoch (empfohlen: 512x512 oder größer).
- 2
Größen vorschauen
Sehen Sie, wie Ihr Bild in den verschiedenen Favicon-Größen aussieht.
- 3
Alles herunterladen
Laden Sie ein ZIP mit allen Icon-Größen, Manifestdateien und HTML-Integrationscode herunter.
Häufig gestellte Fragen
Was ist ein Favicon?
Ein Favicon (Abkürzung für favorite icon, Lieblingssymbol) ist das kleine Symbol in Browser-Tabs, Lesezeichen und der Adressleiste. Es hilft Nutzern, Ihre Website auf einen Blick zu erkennen. Moderne Websites brauchen mehrere Größen: 16x16 und 32x32 für Browser, 180x180 für Apple-Geräte und 192x192/512x512 für Android.
Welches Bildformat sollte ich verwenden?
Verwenden Sie ein hochauflösendes PNG-Bild (512x512 oder größer) mit transparentem Hintergrund für die besten Ergebnisse. PNG unterstützt Transparenz, was wichtig ist, damit die Icons auf verschiedenen Hintergrundfarben korrekt dargestellt werden. Der Generator erstellt automatisch alle benötigten Größen und Formate.
Wie installiere ich die generierten Favicons?
Laden Sie alle Dateien ins Stammverzeichnis Ihrer Website hoch. Das ZIP enthält eine HTML-links.txt mit allen HTML-Link-Tags: Fügen Sie sie in den <head>-Bereich Ihrer Seite ein.
Was ist site.webmanifest?
Das Web App Manifest ist eine JSON-Datei, die Browsern mitteilt, wie Ihre Website erscheinen soll, wenn sie als App installiert wird. Es legt Icons, Anzeigemodus, Namen und Themenfarbe fest. Moderne Browser (Chrome, Edge, Firefox) nutzen es, um die Icons Ihrer PWA (Progressive Web App) anzuzeigen.
Brauche ich browserconfig.xml?
Die Datei browserconfig.xml wird nur für die Kachel-Anpassung in Microsoft Edge und Internet Explorer benötigt. Wenn Sie nur moderne Browser im Blick haben, ist sie optional. Ihre Einbindung stellt jedoch die vollständige Kompatibilität in allen Browsern sicher.
Wie erstelle ich ein Favicon?
Laden Sie ein Logo oder ein beliebiges quadratisches Bild hoch, und das Tool erzeugt den vollständigen Satz an Favicon-Größen (von 16×16 bis 512×512) sowie eine favicon.ico, eine site.webmanifest und eine browserconfig.xml, damit das Symbol in Browsern, Tabs und auf dem Startbildschirm funktioniert. Installieren Sie sie anschließend: Legen Sie die Dateien im Wurzelverzeichnis Ihrer Website ab, fügen Sie die vom Tool generierten link-Tags hinzu und leeren Sie den Browser-Cache, um das neue Symbol zu sehen.