Favicon-Generator + Schema.org

1Quellbild

Bild hierher ziehen oder klicken

PNG / JPG / WEBP / SVG · quadratisch · empfohlen ≥ 512×512 px

2App-Daten (PWA-Manifest)

App-Name (name)

Kurzname (short_name)

Beschreibung (description)

Sprache

Richtung

Kategorien (optional)

3Farben

Themenfarbe (theme_color)

Browserleiste, Windows-Kacheln.

Hintergrundfarbe (background_color)

PWA-Startbildschirm, Füllung der Apple-Icons.

4PWA-Verhalten

Anzeigemodus (display)

Ausrichtung (orientation)

Start-URL (start_url)

Geltungsbereich (scope)

5Domain und Pfade

Domain (optional)

Leer → relative Pfade (Dateien im Standardordner).
Angegeben → absolute Pfade https://…

Pfad-Präfix

Wo die Dateien liegen, z. B. / oder /assets/favicons/

6Zu erzeugende Icon-Sätze

Klassische Favicons (alle Browser) favicon.ico + favicon.svg

Moderne PNG-Favicons favicon-16…512.png

Startbildschirm-Icons für iOS/iPadOS apple-touch-icon (×10)

PWA-Icons für Android android-chrome-192/512

Adaptive Icons (Safe Zone) maskable-192/512

Windows-Kacheln mstile-* + browserconfig

Safari-Maske (nur SVG-Quelle) safari-pinned-tab.svg

Apple-Icons mit Hintergrundfarbe füllen (empfohlen — ältere iOS zeigen Transparenz schwarz an)

7Strukturierte Daten (Schema.org)

Aktivieren

Seiten-/Objekttyp

JSON-LD-Vorschau

So funktioniert es

Lade ein quadratisches Bild hoch (am besten 512×512 oder 1024×1024, PNG mit Transparenz).
Fülle die Felder aus — leere Felder übernehmen die Standardwerte aus config.php.
Aktiviere optional Schema.org und wähle den Seitentyp.
Klicke auf Erzeugen → ZIP herunterladen und den <head>-Ausschnitt einfügen.