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 ausprobierenBildkonvertierung
SVG zu PNG
Rastern Sie SVG-Dateien als PNG im Maßstab 1×–8× mit einem transparenten, weißen oder benutzerdefinierten Hintergrund.
Jetzt ausprobierenBildkonvertierung
PNG zu WebP
Konvertieren Sie PNG-Bilder in WebP mit unterstützter Transparenz und einer anpassbaren Qualitätseinstellung.
Jetzt ausprobierenHäufig gestellte Fragen
Wie 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.
Sehen Sie, wie jede Verwandlung gelingt
Jedes Foto überquert den Schrägstrich unbearbeitet und kommt auf der anderen Seite fertig heraus.


























