rene/vereinshaus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

PWA: PNG-Icons für Homescreen (iOS 180px, Android 192/512px)

Browse source
This commit is contained in:
rene 2026-05-22 08:12:32 +02:00
parent 51c0fe58aa
commit 50810c4b50
5 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/src/app.html
View file

@ -9,7 +9,7 @@
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" /> <meta name="apple-mobile-web-app-status-bar-style" content="default" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="apple-touch-icon" sizes="180x180" href="/icons/icon-512.svg" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
%sveltekit.head% %sveltekit.head%
</head> </head>
<body data-sveltekit-preload-data="hover"> <body data-sveltekit-preload-data="hover">

BIN
app/static/apple-touch-icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
app/static/icons/icon-192.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
app/static/icons/icon-512.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

6
app/vite.config.ts
View file

@ -19,8 +19,10 @@ export default defineConfig({
display: 'standalone', display: 'standalone',
start_url: '/', start_url: '/',
icons: [ icons: [
{ src: '/icons/icon-512.svg', sizes: '512x512', type: 'image/svg+xml', purpose: 'any maskable' }, { src: '/icons/icon-512.png', sizes: '512x512', type: 'image/png', purpose: 'any maskable' },
{ src: '/favicon.svg', sizes: '64x64', type: 'image/svg+xml', purpose: 'any' } { src: '/icons/icon-192.png', sizes: '192x192', type: 'image/png', purpose: 'any maskable' },
{ src: '/apple-touch-icon.png', sizes: '180x180', type: 'image/png', purpose: 'any' },
{ src: '/favicon.svg', sizes: 'any', type: 'image/svg+xml', purpose: 'any' }
] ]
}, },
injectManifest: { injectManifest: {