Stimmt etwas mit diesem Tool nicht?

Über „Favicon Erstellen Online“

Dieses Tool erzeugt aus einem Quellbild ein vollständiges Favicon-Set: klassisches favicon.ico, PNGs in mehreren Größen (16/32/48/96/192/512), Apple-Touch-Icon und Web-Manifest-Eintrag — alles, was eine moderne Website für Tabs, Lesezeichen und Home-Screen-Shortcuts braucht.

Jeder Browser und jedes OS hat eigene Anforderungen. Ein Bild für alle Plattformen sorgt für konsistentes Branding überall: Tab-Icon, Lesezeichenleiste, Verlauf, App-Icon, Suchergebnis-Thumbnails.

Quadratisches Bild in hoher Auflösung (mindestens 512×512) hochladen. Passende HTML-<link>-Tags für den <head> werden ebenfalls erzeugt.

So nutzt du dieses Tool

Favicon-PNGs für die Website erzeugen

  1. Quellbild hochladen

    Quadratisches (oder fast-quadratisches) Bild ins Feld «Source image». Jedes von Sharp lesbare Format — PNG, JPEG, HEIC, AVIF, WebP, GIF. Höhere Qualität liefert das beste 16×16-Ergebnis.

  2. Was erzeugt wird

    Drei quadratische PNGs in festen Größen: 16×16, 32×32, 48×48. Sharp resized mit fit: cover; nicht-quadratische Quellen werden zentriert auf ein quadratisches Viewport zugeschnitten.

  3. Ausführen

    Ergebnis ist ein files-Array, ein Eintrag pro Größe: filename (favicon-16x16.png / 32x32 / 48x48), mimeType und base64. Jedes mit eigenem Button herunterladen.

  4. Im HTML einbinden

    PNGs unter /favicon-16x16.png usw. ablegen und im <head> ergänzen: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">. Für reine ICO-Browser eine separate .ico mit anderem Tool erzeugen.