Meik
9e0f581e47
Add supplied logos, favicons, PWA metadata, branded login and navigation, and apply the Foodsharing Manager green palette across existing views.
1.3 KiB
1.3 KiB
Foodsharing Manager – Logo-Assets
Empfohlene Dateien
Klassische Webseite
favicon/favicon.icofavicon/favicon-32x32.pngmobile/apple-touch-icon-180x180.pngpwa/site.webmanifest
PWA / Android
pwa/android-chrome-192x192.pngpwa/android-chrome-512x512.pngpwa/maskable-icon-512x512.png
Desktop-App
- Windows:
desktop/app-icon.ico - macOS:
desktop/app-icon.icns - Linux / Electron / Tauri:
desktop/app-icon-512x512.pngoderapp-icon-1024x1024.png
Website-Header
web/logo-horizontal-original.png- alternativ
web/logo-horizontal-512px.pngoderweb/logo-horizontal-1024px.png
Social Media / Link-Vorschau
social/og-image-1200x630.png- kleinere Dateigröße:
social/og-image-1200x630.jpg
Beispiel für HTML
<link rel="icon" href="/favicon/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="apple-touch-icon" href="/mobile/apple-touch-icon-180x180.png">
<link rel="manifest" href="/pwa/site.webmanifest">
<meta name="theme-color" content="#248A3D">
<meta property="og:image" content="/social/og-image-1200x630.png">
Hinweis: Das Ausgangslogo ist ein Rasterbild. Für sehr große Druckprodukte wäre später eine echte SVG-/Vektorversion sinnvoll.