Favicon-Generator – Alle Favicon-Größen aus einem Bild erstellen

Lade ein beliebiges Bild hoch und erhalte sofort das komplette Favicon-Set: 16, 32, 48, 180 (Apple), 192 & 512 (PWA) plus site.webmanifest, gebündelt als ZIP.

Lege dein Logo ab, um jede Favicon-Größe zu generieren

Enthält site.webmanifest + HTML-Snippet

Dateien werden nach der Verarbeitung automatisch gelöschtKeine WasserzeichenKostenlos nutzbar – keine Anmeldung erforderlich

Frequently Asked Questions

Für moderne Browser und Geräte brauchst du sechs Größen: 16×16 und 32×32 für Browser-Tabs, 48×48 für Windows-Website-Symbole, 180×180 für das Apple-Touch-Icon (iOS-Startbildschirm) sowie 192×192 + 512×512 für Android-Startbildschirme und PWA-Installationsaufforderungen. Unser Generator erstellt aus einem einzigen Quellbild alle sechs Größen plus eine site.webmanifest.

usage

Die meisten modernen Browser bevorzugen die PNG-Link-Tags (rel="icon" type="image/png"), sodass keine ICO-Datei mehr erforderlich ist. Wir verzichten auf das veraltete ICO und liefern PNG-Favicons in der für jedes moderne Ziel korrekten Größe. Falls du Internet Explorer oder sehr altes Chrome unterstützen musst, kannst du eines der PNGs separat in ICO umwandeln.

technical

Ein Web App Manifest ist eine JSON-Datei, die Android, Chrome und Edge mitteilt, wie deine Website aussehen soll, wenn sie als progressive Web-App installiert wird – Icon, Name, Themenfarbe und Anzeigemodus. Unser Generator enthält ein Starter-Manifest, das auf die Android-Chrome-Icons verweist; du musst nur den Namen und theme_color anpassen.

features

Ein quadratisches (1:1) PNG mit 512×512 oder größer liefert in jeder Größe das sauberste Ergebnis. Vermeide feine Details, die bei 16×16 verschwinden – Favicons funktionieren am besten mit einer einzigen kräftigen Form und hohem Kontrast. Transparente PNGs funktionieren; das Tool versieht sie mit Rändern, sodass das Icon in jeder Größe zentriert sitzt.

tips

Ja – dein Ausgangsbild wird über die Canvas-API skaliert und lokal als ZIP verpackt. Es wird nichts hochgeladen. Dadurch lassen sich gefahrlos Icons für noch nicht veröffentlichte Produkte und vorab geplante Markenidentitäten erzeugen.

privacy

Entpacke den Download in den Ordner /public (oder das Web-Root-Verzeichnis) deiner Website und füge dann das enthaltene HTML-Snippet in deinen <head> ein: Link-Tags für die PNG-Icons sowie einen Link zu site.webmanifest. Lade deine Website per Hard Refresh neu (Cmd+Shift+R) – Browser cachen Favicons sehr aggressiv, daher musst du den Cache möglicherweise leeren, damit das neue Icon erscheint.

usage

Ja – die PNGs in 192×192 und 512×512 sind genau das, wonach Chrome und Edge suchen, um eine Website als installierbare PWA einzustufen. Zusammen mit dem Manifest erfüllen sie die Lighthouse-Prüfung zur PWA-Installierbarkeit.

technical

Ja. Keine Wasserzeichen, keine Anmeldung, kein Nutzungslimit – und das ZIP gehört für immer Ihnen. Wir haben dieses Tool hinzugefügt, weil jeder Entwickler irgendwann ein Favicon-Set braucht und die vorhandenen Generatoren entweder voller Werbung waren oder für hochauflösende Ausgaben Geld verlangten.

pricing

How Favicon Generator helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

For Developers

Indie-Hacker-Launches

Solo-Gründer, die ihr MVP veröffentlichen, brauchen vor dem Launch ein sauberes Favicon. Erzeugen Sie aus Ihrem einzelnen Logobild jede Größe samt Manifest mit einem Klick – kein Figma, kein Design-Abo nötig.

For Business

Agentur-Kundeneinrichtung

Bei der Auslieferung einer neuen Kundenwebsite ist das Favicon-Set selten eingeplant, wird aber immer erwartet. Erstellen Sie die ZIP-Datei am Ende des Projekts, legen Sie sie in /public ab und haken Sie das Liefergegenstück ab.

For Developers

PWA-Installierbarkeit

Damit die Installierbarkeitsprüfung von Chrome bestanden wird, braucht dein Manifest Icons in 192×192 und 512×512. Unsere Ausgabe erfüllt diese Anforderung von Haus aus, inklusive der passenden HTML-Head-Tags.

For Business

Workspaces für mehrere Marken

Agenturen und Berater, die mehrere Kundenmarken betreuen, können das Favicon-Set in 10 Sekunden neu erzeugen, sobald ein Marken-Relaunch ansteht – ganz ohne gepflegte Photoshop-Aktion.

For Developers

Branding für Open-Source-Projekte

Seiten auf GitHub Pages, Vercel, Netlify und Cloudflare Pages benötigen alle Favicons, um in Browser-Tabs professionell auszusehen. Lege die erzeugten Dateien einfach in dein Repository, und dein Projekt wirkt sofort fertig.

Marketing

Auffrischung des Markenauftritts

Wenn sich Ihr Logo ändert, erstellen Sie jede benötigte Größe neu – einschließlich des 180px-Apple-Touch-Icons und des 512px-Android-PWA-Icons – ohne manuellen erneuten Export aus Illustrator.