Zum Inhalt springen

Favicon-Generator

Quadratisches Bild ablegen, PNG-Favicons in allen Standardgrössen herunterladen.

Läuft in deinem Browser

Quadratisches Bild ablegen und Hintergrundfarbe wählen (oder transparent lassen). Wir rendern PNGs in jeder Standard-Favicon-Grösse per Canvas im Browser. Einzeln oder alle auf einmal herunterladen.

Bild ablegen oder auswählen (PNG, SVG, JPG)

Noch kein Bild - oben ablegen oder auswählen.

So funktioniert's

  1. Bild ablegen

    Quadratisch klappt am besten. PNG, SVG, JPG, WebP akzeptiert.

  2. Hintergrund wählen

    Transparent, weiss, schwarz oder Markenfarbe. SVGs rendern standardmässig transparent.

  3. Herunterladen

    Download-Button neben einer Grösse für ein einzelnes PNG; « Alle herunterladen » für alle Grössen.

Was ist das?

Ein Favicon-Generator nimmt ein Quellbild und produziert mehrere PNG-Kopien in den Grössen, die Browser und Mobile-Plattformen erwarten: 16 und 32 für Tabs, 180 für iOS-Homescreen, 192 und 512 für Android / PWA-Manifeste, plus Zwischengrössen für HiDPI-Displays. Die Ausgabe ist ein Satz PNG-Dateien für dein `public/`.

Wann verwenden

Standard-Favicon beim Launch ersetzen, Markenidentität auffrischen, PWA-Manifest-Icons erzeugen, Produkt-spezifische App-Icons produzieren.

Häufige Fehler

Nicht-quadratisches Quellbild verwenden - das Ergebnis hat Letterbox-Balken. Feines Detail bei 16px - 16 Pixel breit ist ein Glyph, kein Logo. Und die iOS-180px / Android-192/512px-Varianten vergessen - das Favicon für den Desktop-Browser ist nicht das, was ein Handy-Homescreen will.

FAQ

Warum keine .ico-Datei?
Moderne Browser können PNG-Favicons problemlos, auch unter Windows. .ico braucht es nur für Legacy-IE; falls nötig, einen separaten Konverter auf das 32px-PNG anwenden.
Wird mein Bild hochgeladen?
Nein. Die Canvas-API läuft im Browser und verarbeitet die Datei lokal. Wir sehen dein Quellbild nie.

Mehr in dieser Kategorie