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

Laden Sie ein beliebiges Bild hoch und erhalten Sie sofort das komplette Favicon-Set: eine favicon.ico mit mehreren Auflösungen plus 16-, 32-, 48-, 180- (Apple), 192- & 512-PNGs (PWA) und site.webmanifest, gebündelt als ZIP.

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

Enthält favicon.ico, site.webmanifest + HTML-Snippet

Dateien werden nach der Verarbeitung automatisch gelöschtSicher über HTTPS verarbeitet

Häufig gestellte Fragen

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

Dein Quellbild wird über HTTPS auf unseren sicheren Server hochgeladen, der jede Favicon-Größe und die site.webmanifest rendert und sie als ZIP zurückgibt, und den Upload danach automatisch löscht. Downloads haben kein Wasserzeichen, und nichts wird gespeichert oder geteilt, sodass es für unveröffentlichte Produkte und Markenidentitäten vor dem Launch sicher bleibt.

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

Ein Favicon ist das kleine Symbol, das ein Browser im Tab neben dem Seitentitel, in den Lesezeichen und im Verlauf anzeigt. Es dient auch als Symbol, wenn jemand Ihre Website zum Startbildschirm seines Smartphones hinzufügt oder als App installiert. Laden Sie hier Ihr Logo hoch, und der Generator erstellt den vollständigen Satz an Favicon-Größen plus eine site.webmanifest in einem ZIP.

usage

Ja – der Uploader akzeptiert PNG, JPEG, WebP und SVG als Quelldateien, nicht nur PNG. SVG lohnt sich, wenn Sie es haben: da es ein Vektorformat ist, wird jede Ausgabegröße von 16 bis 512 frisch aus den Vektordaten gerendert, statt aus einem Raster hochskaliert zu werden, sodass die Kanten selbst bei 512×512 scharf bleiben. JPEG und WebP funktionieren ebenfalls, allerdings sollten Sie jegliche Transparenz zuerst auf einen Hintergrund reduzieren, da JPEG keinen Alphakanal enthalten kann.

technical

Lade dein PNG-Logo hoch, und der Generator rendert daraus eine favicon.ico mit mehreren Auflösungen, die die von Browsern erwarteten 16-, 32- und 48-Pixel-Versionen enthält, zusammen mit sechs PNG-Größen und der site.webmanifest, alles verpackt in einer ZIP-Datei. Auch JPEG-, WebP- und SVG-Vorlagen funktionieren, sodass sich jede Logodatei in ein Favicon verwandeln lässt, ohne einen Bildeditor zu öffnen.

usage

Wie Favicon-Generator dir hilft, es zu erledigen

Echte Probleme, die es jeden Tag löst — für Unternehmen, Kreative und alltägliche Aufgaben. Finde den passenden Anwendungsfall und leg in Sekunden los.

Für Entwickler

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.

Für Unternehmen

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.

Für Entwickler

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.

Für Unternehmen

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.

Für Entwickler

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.

Für Entwickler

Symbole für ein Browser-Erweiterungs-Manifest

Nehmen Sie die 16-, 32- und 48px-PNGs direkt aus dem ZIP für Ihr icons-Objekt in manifest.json — ein schneller Weg, um konforme Erweiterungs-Icons zu erhalten, ohne jede Größe von Hand in einem Design-Tool zu exportieren.

Web & SEO

Die Favicon-Lücke auf No-Code-Websites schließen

Webflow, Framer und Wix erzeugen selten von allein ein vollständiges Favicon-Set; lade dein Logo hier hoch und füge die entstehenden Größen und das HTML-Snippet in wenigen Minuten in das Custom-Code- oder SEO-Einstellungsfeld der Website ein.

Privatgebrauch

Einem Hobbyblog einen fertigen Look verleihen

Persönliche Blogs auf Ghost, Jekyll oder Hugo werden oft ganz ohne Favicon ausgeliefert; erzeugen Sie den kompletten Satz aus einem Porträtfoto oder handgezeichneten Logo, damit der Browser-Tab bewusst gestaltet statt leer wirkt.

Marketing

Das in einem SEO-Audit bemängelte Favicon korrigieren

Ein fehlendes oder defektes Favicon ist ein häufiger Hinweis in Lighthouse- und SEO-Crawler-Berichten und schmälert unbemerkt die Klickrate in Suchergebnissen und Lesezeichen. Erzeugen Sie den kompletten Satz mit einem einzigen Upload neu und erledigen Sie diesen Befund noch heute.