100% in your browser

Source never uploaded

Drop an image here or click to browse

Square images work best — PNG · JPG · WebP · SVG

Browser-basiertes Tool

Favicon Generator jede Größe, ein Klick.

Ziehe ein quadratisches Bild (ideal 512×512) hinein — erhalte 16, 32, 48, 180, 192 und 512 Favicon-PNGs sowie ein fertiges HTML-Snippet.

So funktioniert es

1

Bild hochladen

Ein 512×512 PNG oder JPG ist ideal — das Tool skaliert dein Quellbild automatisch.

2

Größen herunterladen

Die PNGs in 16×16, 32×32, 48×48, 180×180, 192×192 und 512×512 werden erstellt.

3

HTML-Snippet einfügen

Kopiere die generierten <link>-Tags in deinen <head>-Bereich.

Warum all diese Größen?

32×32 — Browser-Tabs

Der Standard, den jeder Browser für Tabs verwendet.

180×180 — Apple Touch

Icon für den Startbildschirm unter iOS.

192×192 / 512×512 — PWA

Manifest-Icons für die Android-Installation.

16×16 / 48×48 — Legacy

Für Lesezeichenleisten und Windows-Verknüpfungen.

Häufig gestellte Fragen

Welche Größen brauche ich 2026?

32×32 (Tabs), 180×180 (iOS), 192/512 (PWA). 16×16 für Lesezeichen, 48×48 für Windows.

Brauche ich noch .ico?

Für moderne Browser nicht. IE11 benötigt weiterhin /favicon.ico, falls du das unterstützen musst.

Ist ein SVG-Favicon besser?

Besser für flache Logos. Schlechter für fotorealistische Logos.

Wird etwas hochgeladen?

Nein. Die Skalierung erfolgt lokal per Canvas in deinem Browser.

Logo nicht quadratisch?

Das Tool schneidet das Bild vor dem Skalieren mittig quadratisch zu.

Hell- und Dunkelmodus?

Verwende ein PNG mit farbigem Badge oder ein SVG mit prefers-color-scheme.

Welches HTML brauche ich?

Das generierte Snippet enthält <link rel="icon">, Apple Touch Icon und Manifest-Verknüpfungen.

Brauche ich ein manifest.json?

Nur, wenn du PWA-Installationsaufforderungen nutzen möchtest.

Favicons hosten?

Lade sie auf unser CDN hoch für eine schnelle Auslieferung.

Haupt-Uploader testen