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
Fertig mit Favicon-Generator? Probiere als Nächstes diese
Handverlesene Tools, die gut zu Favicon-Generator passen. Mach weiter, ohne deine Datei zu verlieren.
ICO-Konverter
Wandle PNG / JPG / SVG in ein Windows-.ico-Symbol mit mehreren Auflösungen um (16 / 32 / 48 / 64 / 128 / 256 px und mehr).
Jetzt ausprobierenSVG zu PNG
Rastere jedes SVG in ein gestochen scharfes PNG mit 1x–8x-Skalierung und transparentem, weißem oder individuellem Hintergrund.
Jetzt ausprobierenPNG zu WebP
Wandle PNG in WebP um und reduziere die Dateigröße um 60–80 %, während jeder transparente Pixel erhalten bleibt. Qualitätsregler, optional verlustfrei.
Jetzt ausprobierenBild zu Sticker
Verwandle jedes Foto in einen Sticker im Druckstil mit KI-Hintergrundentfernung und einer anpassbaren weißen Kontur. Perfekt für WhatsApp, Telegram, iMessage.
Jetzt ausprobierenBildgröße ändern
Skaliere JPG-, PNG-, GIF-, WebP- oder SVG-Bilder auf eine exakte Breite und Höhe oder prozentual – skaliere ein einzelnes Bild oder gleich mehrere auf einmal als ZIP. Mit Live-Vorschau, unter Beibehaltung von Seitenverhältnis und Qualität. Kostenlos, ohne Anmeldung, ohne Wasserzeichen.
Jetzt ausprobierenFarbwähler
Wähle die Farbe eines beliebigen Pixels aus einem Foto (HEX / RGB / HSL) oder extrahiere automatisch die dominante Palette. Exportiere als JSON oder CSS-Variablen.
Jetzt ausprobierenHä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.
usageDie 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.
technicalEin 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.
featuresEin 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.
tipsDein 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.
privacyEntpacke 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.
usageJa – 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.
technicalJa. 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.
pricingEin 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.
usageJa – 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.
technicalLade 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.
usageWie 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Pixoate