浏览代码

feat: properly format favicons and make home screen icons look better

Marvin von Rappard 5 月之前
父节点
当前提交
39b7e54482

+ 6 - 3
src/app.html

@@ -2,9 +2,12 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<link rel="apple-touch-icon" href="%sveltekit.assets%/favicon.png" />
-		<link rel="manifest" href="%sveltekit.assets%/manifest.json" crossorigin="use-credentials" />
+		<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
+		<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
+		<link rel="shortcut icon" href="/favicon/favicon.ico" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
+		<meta name="apple-mobile-web-app-title" content="Open WebUI" />
+		<link rel="manifest" href="/favicon/site.webmanifest" />
 		<meta
 			name="viewport"
 			content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover"

二进制
static/favicon/apple-touch-icon.png


二进制
static/favicon/favicon-96x96.png


二进制
static/favicon/favicon.ico


文件差异内容过多而无法显示
+ 0 - 0
static/favicon/favicon.svg


+ 21 - 0
static/favicon/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "Open WebUI",
+  "short_name": "WebUI",
+  "icons": [
+    {
+      "src": "/favicon/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/favicon/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

二进制
static/favicon/web-app-manifest-192x192.png


二进制
static/favicon/web-app-manifest-512x512.png


部分文件因为文件数量过多而无法显示