Favicon-Generator – Erstellen Sie kostenlos ein Favicon aus einem Bild
Generieren Sie PNG-Symbole mit 16–512 Pixeln, ein Apple Touch-Symbol und ein site.webmanifest aus einem Bild.
Quadratisches Bild ablegen – Sie erhalten alle Favicon-Größen plus site.webmanifest als ZIP.
Enthält favicon.ico, site.webmanifest + HTML-Snippet
Das können Sie mit Favicon-Generator machen
Überprüfen Sie die Hauptfunktionen, bevor Sie beginnen.
- Beginnen Sie mit einem Bild, Initialen oder einem Emoji oder Symbol
- Farben und Textstil der Buchstabenmarke vor der Erzeugung in der Vorschau ansehen
- Apple-Touch- und Android-Startbildschirm-Icons erstellen
- Eine einsatzbereite site.webmanifest-Datei erhalten
- Alle Favicon-Größen als eine einzige ZIP-Datei herunterladen
- favicon.ico plus PNG-Größen von 16 bis 512 px erzeugen
Referenz zu den Einstellungen
7 Einstellungen
Verfügbare Steuerelemente für Favicon-Generator.
- VerarbeitungsmodusVoreinstellungen
- Verarbeiten Sie eine einzelne Eingabe oder wechseln Sie zur Premium-Stapelverarbeitung, um mehrere Eingaben mit denselben Einstellungen zu bearbeiten. Welche Eingabearten unterstützt werden, hängt vom Werkzeug ab.Optionen: Einzelnes BildStapel
Quelltyp
- Womit soll das Favicon beginnen?Voreinstellungen
- Wählt ein hochgeladenes Bild, eine lokal gestaltete Wortmarke aus ein bis drei Zeichen oder ein Emoji bzw. Symbol als Quelle für dasselbe vollständige Favicon-Paket.Optionen: Ein Bild oder Logo verwendenAus Initialen erstellenAus Emoji erstellen
Design
- Initialen oder kurzer TextTexteingabe
- Legt ein bis drei Zeichen für den Initialen-Modus fest und aktualisiert die lokale Quellvorschau vor der Erzeugung.
- TextstilRunterfallen
- Wählt die Schriftfamilie der Wortmarke im Initialen-Modus.Optionen: SerifenlosSerifNichtproportional
- TextfarbeFarbwähler
- Wählt die Farbe der Initialen; nur bei einer Wortmarken-Quelle sichtbar.
- HintergrundfarbeFarbwähler
- Legt den einfarbigen Hintergrund hinter Initialen oder einem Emoji fest, bevor die Favicon-Größen erzeugt werden.
- Emoji oder SymbolTexteingabe
- Akzeptiert im Emoji-Modus bis zu vier Unicode-Zeichen; die Darstellung richtet sich nach dem Browser und Betriebssystem, mit dem die Quelle gerendert wird.
Verwandte Tools für Favicon-Generator
Tools für allgemeine nächste Schritte nach Favicon-Generator.
Bildkonvertierung
ICO-Konverter
Wandelt jedes gängige Eingabebild in eine Multi-Resolution-.ico-Datei mit 16–256 px um — für unterstützte Browser- und Desktop-Anwendungen.
Jetzt ausprobieren
Bildkonvertierung
SVG zu PNG
Rastern Sie SVG-Dateien als PNG im Maßstab 1×–8× mit einem transparenten, weißen oder benutzerdefinierten Hintergrund.
Jetzt ausprobieren
Bildkonvertierung
PNG zu WebP
Konvertieren Sie PNG-Bilder in WebP mit unterstützter Transparenz und einer anpassbaren Qualitätseinstellung.
Jetzt ausprobierenHäufig gestellte Fragen
Für eine breite Browser- und Geräteabdeckung gehören zu den üblichen Zielgrößen 16×16- und 32×32-Browsersymbole, ein 48×48-Windows-Symbol, ein 180×180-Apple-Touch-Symbol sowie 192×192- plus 512×512-Android/PWA-Symbole. Der Generator erzeugt diese sowie favicon.ico und site.webmanifest aus einem Bild, Initialen oder einem Emoji oder Symbol.
usageModerne Browser unterstützen PNG-Symbole, doch favicon.ico bleibt ein nützlicher Kompatibilitäts-Fallback. Das heruntergeladene Paket enthält eine favicon.ico mit mehreren Auflösungen sowie die modernen PNG-Größen, sodass Sie keine zweite Umwandlung benötigen.
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.
featuresVerwenden Sie ein quadratisches Bild mit 512×512 oder größer, ein bis drei fette Initialen mit starkem Kontrast oder ein einfaches Emoji oder Symbol. Vermeiden Sie feine Details, die bei 16×16 verschwinden. Die Live-Quellvorschau hilft Ihnen, das Buchstabenzeichen oder Emoji vor dem Erzeugen des Pakets zu beurteilen.
tipsHochgeladene Logos werden über HTTPS gesendet, wenn Sie „Generieren“ wählen. Initialen- und Emoji-Quellen werden zuerst lokal in Ihrem Browser gerendert, dann wird dieses erzeugte Quellbild gesendet, um das Paket zu erstellen. Serverseitig verarbeitete Dateien unterliegen der Sicherheitsrichtlinie; allein durch das Bearbeiten der lokalen Vorschau wird nichts hochgeladen.
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.
usageDas Paket liefert die Symbole in 192×192 und 512×512 sowie ein Starter-Manifest, das von installierbaren Web-Apps verwendet wird. Symbole allein machen eine Website nicht installierbar; Ihre App muss außerdem die aktuellen Anforderungen des Browsers an Manifest, HTTPS und Service-Worker erfüllen.
technicalJa. Sehen Sie sich die saubere Favicon-ZIP-Datei in der Vorschau an und laden Sie sie herunter, ohne ein Konto zu erstellen. Der Symbolsatz wird auf unseren Servern gerendert, sodass für die kostenlose Nutzung ein Freibetrag gilt und bei Premium die Obergrenze aufgehoben wird.
pricingEin Favicon ist das kleine Symbol in Browser-Tabs, Lesezeichen und im Verlauf; zugehörige Symbolgrößen werden für Startbildschirm- und App-Verknüpfungen verwendet. Beginnen Sie hier mit einem Logo-Bild, Initialen oder einem Emoji bzw. Symbol und laden Sie den Symbolsatz zusammen mit der site.webmanifest in einer ZIP-Datei herunter.
usageJa. Wählen Sie Aus Initialen erstellen, um ein bis drei Zeichen, einen Textstil und Vorder-/Hintergrundfarben einzugeben, oder wählen Sie Aus Emoji erstellen für ein Symbol und einen Hintergrund. Das passende Design-Panel öffnet sich automatisch, die Quelle wird lokal in der Vorschau angezeigt, und es wird nichts erzeugt, bis Sie die Favicon-Aktion auswählen.
featuresJa – 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.
technicalWählen Sie „Ein Bild oder Logo verwenden“, laden Sie das PNG hoch und erzeugen Sie das Paket. Es enthält eine favicon.ico mit mehreren Auflösungen, PNG-Größen, Apple- und Android-Symbole, die site.webmanifest und einen HTML-Codeausschnitt in einer ZIP-Datei. Sie können auch von JPEG, WebP oder SVG ausgehen oder den Modus wechseln, um eine Wortmarke aus Initialen zu gestalten oder ein Emoji bzw. Symbol zu verwenden.
usageJa – Pixoate unterstützt die Stapel- und Massenverarbeitung. Wechseln Sie in den Stapelmodus, fügen Sie bis zu 60 Quellbilder bei Premium oder 200 bei Pro hinzu, legen Sie Ihre Optionen einmal fest und jedes Quellbild wird mit den gleichen Einstellungen verarbeitet, bevor Sie eine ZIP-Datei herunterladen, die ein vollständiges Favicon-Pack-Archiv pro Quellbild enthält. Die Massenverarbeitung ist eine Premium-Funktion; Die Ausgabe verwendet die gleiche Qualität und die gleichen Einstellungen wie im Einzelmodus.
featuresJa – bei der Massenverarbeitung konfigurieren Sie die Einstellungen einmalig und sie gelten für jedes Element im Stapel – bis zu 60 Quellbilder bei Premium oder 200 bei Pro. Es ist nicht erforderlich, die Einrichtung für jedes Element zu wiederholen. Temporär hochgeladene und generierte Dateien werden sicher verarbeitet und automatisch gelöscht.
usageFast immer liegt es an einem von drei Gründen: Die Datei überschreitet das kostenlose Upload-Limit von 11 MB – Premium akzeptiert 50 MB und Pro 120 MB. Das Format wird von diesem Werkzeug nicht unterstützt; prüfen Sie daher die Liste im Upload-Bereich. Oder die Datei entspricht tatsächlich nicht dem Format ihrer Dateiendung: Durch Umbenennen ändert sich der Dateiinhalt nicht. Deshalb kann eine scheinbar gültige Datei abgelehnt werden.
troubleshootingJa – passen Sie die Eingaben an und generieren Sie sie so oft wie nötig erneut. Nichts ist gesperrt, bis Sie es herunterladen. Überprüfen Sie das Ergebnis in der Größe, in der es tatsächlich verwendet wird, denn etwas, das auf dem Bildschirm gut lesbar ist, kann fehlschlagen, wenn es klein gedruckt oder auf einem Telefon angezeigt wird.
troubleshootingNein. Sie können den Favicon Generator ausführen und das kostenlose Ergebnis ohne Konto herunterladen, und es trägt kein Wasserzeichen. Premium ist das, was Sie kaufen, wenn die Grenzen zu greifen beginnen: bis zu 60 Dateien in einem Stapel, größere Uploads, keine tägliche Obergrenze und das Ergebnis in Originalauflösung. Beim Download-Schritt wird nichts angezeigt, was vor dem Start nicht sichtbar war.
pricingNein – Favicon Generator läuft im Browser auf Desktop und Smartphone. Sie müssen nichts installieren, keine Testversion starten und keine Lizenz kaufen, bevor Sie prüfen können, ob das Tool Ihre Aufgabe löst. Verwenden Sie dafür Ihre eigene Datei statt eines Beispiels.
troubleshootingWie Favicon-Generator dir hilft, es zu erledigen
Es löst jeden Tag echte Probleme – für Unternehmen, Kreative und alltägliche Aufgaben. Finden Sie den für Sie passenden Anwendungsfall und starten Sie.
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.
Diese Funktion bietet die beschriebenen Bearbeitungs- und Ausgabemöglichkeiten. Prüfen Sie die Vorschau und das Ergebnis vor dem Herunterladen oder Veröffentlichen.
Bearbeiten Sie Ihr Bild mit den passenden Optionen und prüfen Sie das Ergebnis sorgfältig vor dem Herunterladen oder Veröffentlichen.
