Favicon Generator. Direkt im Browser.
Kostenloser Favicon Generator
Erstelle aus deinem Logo oder Bild in wenigen Schritten ein vollständiges Favicon-Paket für deine Website.
- Kostenlos
- Ohne Registrierung
- Dein Bild bleibt auf deinem Gerät
So funktioniert der Favicon Generator
Vom Logo zum fertigen Favicon-Paket in fünf Schritten – ohne Anmeldung und ohne Bildbearbeitungsprogramm. Das Bild wird dabei ausschließlich in deinem Browser verarbeitet. Es wird nicht an unseren Server übertragen.
1
Logo hochladen
PNG, JPG, WebP oder SVG bis 15 MB – am besten dein Logo in möglichst hoher Auflösung, ideal ab 512 × 512 Pixel.
2
Ausschnitt wählen
Verschiebe und zoome dein Bild, bis der quadratische Ausschnitt passt. Mit Maus, Finger oder Pfeiltasten.
3
Darstellung anpassen
Wähle einen transparenten oder farbigen Hintergrund und den Innenabstand. Die Vorschau zeigt sofort, wie dein Symbol wirkt.
4
Vorschau prüfen
Du siehst dein Favicon in den wichtigsten Größen – bei transparenten Bildern auch auf hellem und dunklem Hintergrund.
5
Paket herunterladen
Du lädst das komplette Paket als ZIP-Datei herunter, inklusive HTML-Code und Anleitung zum Einbinden. Danach kannst du deine Website kostenlos prüfen lassen: Ein kurzes Formular am Ende des Generators genügt. Wir sehen uns Technik, SEO und Benutzerfreundlichkeit deiner Website an und melden uns mit unseren Hinweisen persönlich bei dir – unverbindlich.
Diese Dateien enthält dein Favicon-Paket
Das kleine Symbol im Browser-Tab ist oft das Erste, was Besucher von deiner Marke sehen – in Lesezeichen, auf dem Startbildschirm und oft auch neben deinem Eintrag in den Google-Suchergebnissen. Damit es überall scharf aussieht, braucht es mehrere Größen und Formate:
| Datei | Größe | Wofür |
|---|---|---|
| favicon.ico | 16, 32, 48 px | Browser-Tab, ältere Browser |
| favicon-16×16.png favicon-32×32.png | 16 / 32 px | Browser-Tab, Lesezeichen |
| apple-touch-icon.png | 180 px | Startbildschirm von iPhone und iPad |
| android-chrome-192×192.png android-chrome-512×512.png | 192 / 512 px | Android und Web-App (über das Manifest) |
| favicon-192×192.png favicon-512×512.png | 192 / 512 px | große Darstellungen |
| favicon.svg (optional) | skalierbar | moderne Browser – nur bei quadratischem SVG ohne Zuschnitt |
| site.webmanifest | – | Name und Symbole der Web-App |
| favicon-code.html | – | HTML-Code für den Kopfbereich deiner Website |
| README.txt | – | Anleitung zum Einbinden |
Häufige Fragen zum Favicon Generator
PNG, JPG, WebP und SVG bis 15 MB. Am besten eignet sich ein quadratisches Logo mit mindestens 512 × 512 Pixel. Ist dein Bild kleiner als 512 × 512 Pixel oder deutlich nicht quadratisch, weist dich der Generator darauf hin. SVG-Dateien mit eingebetteten Stilen oder Bildern werden aus Sicherheitsgründen nicht angenommen.
Nein. Dein Bild wird ausschließlich in deinem Browser verarbeitet und nicht an unseren Server übertragen. Lädst du die Seite neu, ist alles wieder weg.
Lade die Dateien aus dem ZIP in das Hauptverzeichnis deiner Website und füge den mitgelieferten HTML-Code in den Kopfbereich ein. Eine Anleitung liegt dem Paket bei. WordPress bietet zusätzlich eine eigene Einstellung für das Website-Icon.
Im Browser-Tab ist das Symbol nur 16 oder 32 Pixel groß. Feine Schriften und Details gehen dort verloren. Oft wirkt ein vereinfachtes Zeichen – etwa der Anfangsbuchstabe oder die Bildmarke deines Logos – deutlich besser.
Nein. Der Generator ist kostenlos und ohne Registrierung nutzbar.