Echtes Logo statt generiertem Buchstaben-Icon (Browser-Tab + Installation als App)

Bisher wurde als Icon nur Astros Standard-Platzhalter-SVG (ein Pfeil-Symbol,
kein eigenes Branding) verlinkt. Weil kein Web-App-Manifest mit Icons
hinterlegt war, generierten Browser beim "Auf PC installieren" automatisch
einen Buchstaben-Kreis ("V") als App-Icon statt des echten Logos.

Aus dem vorhandenen public/logo.png automatisch alle nötigen Icon-Größen
erzeugt (favicon.ico mit 16/32/48px, Apple-Touch-Icon 180px, sowie 192px/
512px normal + eigene "maskable"-Varianten mit Weißraum-Sicherheitszone,
damit runde/eckige OS-Zuschnitte beim Installieren nicht den Rand des
Logos abschneiden). Neues manifest.webmanifest verlinkt alle Icons plus
Name/Theme-Farbe für die Installation. Layout.astro und der
Admin-Bereich verlinken jetzt überall das echte Logo statt des alten
Platzhalters.

Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
qcigano
2026-08-02 23:11:11 +02:00
co-authored by Claude Sonnet 5
parent 0ae990baad
commit 45f64b95ee
13 changed files with 28 additions and 11 deletions
+18
View File
@@ -0,0 +1,18 @@
{
"name": "Van's DIY & Bastelbedarf",
"short_name": "Van's DIY",
"description": "Handgemachte Häkelwerke, Plushies, Schmuck und Bastelzubehör mit Liebe gefertigt.",
"start_url": "/",
"scope": "/",
"display": "standalone",
"background_color": "#0a0910",
"theme_color": "#0a0910",
"icons": [
{ "src": "/favicon-16x16.png", "sizes": "16x16", "type": "image/png", "purpose": "any" },
{ "src": "/favicon-32x32.png", "sizes": "32x32", "type": "image/png", "purpose": "any" },
{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
{ "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
{ "src": "/icon-192-maskable.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" },
{ "src": "/icon-512-maskable.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
]
}