Design Tools
Favicon-Generator
Ein Logo, jede Favicon-Größe. Laden Sie Ihr Bild hoch und erhalten Sie in Sekunden browserfertige ICO- und PNG-Favicons – keine Designsoftware nötig.
So generieren Sie Favicons
- 1.Bild hochladen: Ein quadratisches Logo oder Icon funktioniert am besten – es wird automatisch auf jede Größe skaliert.
- 2.Größen in der Vorschau: Sehen Sie Ihr Icon gerendert in 16, 32, 48, 180, 192 und 512 px – inklusive Darstellung in winzigen Browser-Tabs.
- 3.Einzeln herunterladen: Holen Sie sich eine einzelne PNG-Größe oder die Multi-Size-Datei favicon.ico.
- 4.Oder das ZIP laden: Alle PNGs plus das ICO in einem Archiv für einfaches Deployment.
- 5.Zur Website hinzufügen: Legen Sie favicon.ico in das Root-Verzeichnis Ihrer Website und verlinken Sie die PNGs im HTML-Head.
Favicon-Generator Funktionen
6 PNG-Größen
16, 32, 48, 180, 192 und 512 px – für Tabs, Verknüpfungen und mobile Icons.
Echtes Multi-Size-ICO
Ein echtes favicon.ico mit 16-, 32- und 48-px-Ebenen, in Ihrem Browser gebaut.
Live-Größenpreviews
Sehen Sie genau, wie Ihr Icon in Browser-Tab-Größe vor dem Herunterladen aussieht.
ZIP-Download
Alle PNGs plus das ICO gebündelt in einem Archiv.
Quadratfreundliche Skalierung
Nicht-quadratische Bilder werden zentriert und skaliert – laden Sie für beste Ergebnisse ein quadratisches Logo hoch.
100 % privat
Alles wird auf Canvas in Ihrem Browser gerendert. Keine Uploads.
Favicon-Generator Häufige Fragen
Was ist eine favicon.ico-Datei?
Es ist das klassische Browser-Tab-Icon-Format. Ein einzelnes favicon.ico kann mehrere Größen (16, 32, 48 px) enthalten, und Browser wählen automatisch die richtige. Es ist nach wie vor das am breitesten unterstützte Favicon-Format.
Welches Bild sollte ich hochladen?
Ein quadratisches Bild (z. B. 512 x 512) mit einfachem, fettem Design funktioniert am besten. Winzige Details verschwinden bei 16 px – fette Formen und hoher Kontrast gewinnen.
Brauche ich all diese Größen?
Nicht alle, aber sie decken die gängigen Fälle ab: 16/32 für Browser-Tabs, 180 für Apple-Touch-Icons, 192/512 für Android- und PWA-Manifeste. Das ICO deckt Legacy-Browser ab.
Wie füge ich die Favicons zu meiner Website hinzu?
Legen Sie favicon.ico in das Root-Verzeichnis Ihrer Website und fügen Sie <link rel="icon" href="/favicon.ico"> und <link rel="apple-touch-icon" href="/icon-180.png"> in den <head> Ihrer Seite ein.
Ist der Favicon-Generator kostenlos?
Ja – unbegrenzt Generierungen, keine Anmeldung, kein Wasserzeichen. Das gesamte Rendering läuft in Ihrem Browser.