Add maskable icons

See: - https://web.dev/articles/maskable-icon - https://dev.to/progressier/why-a-pwa-app-icon-shouldnt-have-a-purpose-set-to-any-maskable-4c78
tjcsl · Apr 4, 2024 · 9cf961c · 9cf961c
1 parent 9c04210
commit 9cf961c
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/tin/static/favicon/android-chrome-maskable-192x192.png b/tin/static/favicon/android-chrome-maskable-192x192.png
diff --git a/tin/static/favicon/android-chrome-maskable-512x512.png b/tin/static/favicon/android-chrome-maskable-512x512.png
diff --git a/tin/static/favicon/site.webmanifest b/tin/static/favicon/site.webmanifest
@@ -5,12 +5,26 @@
         {
             "src": "/static/favicon/android-chrome-192x192.png",
             "sizes": "192x192",
-            "type": "image/png"
+            "type": "image/png",
+            "purpose": "any"
+        },
+        {
+            "src": "/static/favicon/android-chrome-maskable-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "maskable"
         },
         {
             "src": "/static/favicon/android-chrome-512x512.png",
             "sizes": "512x512",
-            "type": "image/png"
+            "type": "image/png",
+            "purpose": "any"
+        },
+        {
+            "src": "/static/favicon/android-chrome-maskable-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "maskable"
         }
     ],
     "theme_color": "#4fab4f",