diff --git a/.lighthouserc.json b/.lighthouserc.json
index 6ddb7b5f..5d7de9da 100644
--- a/.lighthouserc.json
+++ b/.lighthouserc.json
@@ -21,10 +21,10 @@
         "uses-optimized-images": "warn",
         "uses-rel-preconnect": "warn",
         "is-crawlable": "off",
+        "modern-image-formats": "off",
         "offscreen-images": "off",
         "uses-long-cache-ttl": "off",
-        "uses-responsive-images": "off",
-        "uses-webp-images": "off"
+        "uses-responsive-images": "off"
       },
       "includePassedAssertions": true
     },
diff --git a/assets/img/maskable-192x192.png b/assets/img/maskable-192x192.png
new file mode 100644
index 00000000..d542fd5a
Binary files /dev/null and b/assets/img/maskable-192x192.png differ
diff --git a/assets/img/maskable-512x512.png b/assets/img/maskable-512x512.png
new file mode 100644
index 00000000..f86a394d
Binary files /dev/null and b/assets/img/maskable-512x512.png differ
diff --git a/layouts/index.webmanifest b/layouts/index.webmanifest
index 39d56412..c0310662 100644
--- a/layouts/index.webmanifest
+++ b/layouts/index.webmanifest
@@ -5,12 +5,26 @@
     {
       "src": "{{ (resources.Get "img/android-chrome-512x512.png").Permalink | safeJS }}",
       "sizes": "512x512",
-      "type": "image/png"
+      "type": "image/png",
+      "purpose": "any"
     },
     {
       "src": "{{ (resources.Get "img/android-chrome-192x192.png").Permalink | safeJS }}",
       "sizes": "192x192",
-      "type": "image/png"
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "{{ (resources.Get "img/maskable-512x512.png").Permalink | safeJS }}",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "{{ (resources.Get "img/maskable-192x192.png").Permalink | safeJS }}",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
     }
   ],
   "start_url": "{{ .Site.BaseURL | safeJS }}",