Simplify the favicons

assets/img/favicons/browserconfig.xml

@@ -1,16 +1,13 @@
 ---
 layout: compress
-
-# A part of the Favicons
 ---
+
 <?xml version="1.0" encoding="utf-8"?>
 <browserconfig>
   <msapplication>
     <tile>
-      <square70x70logo src="{{ site.baseurl }}/assets/img/favicons/ms-icon-70x70.png" />
-      <square150x150logo src="{{ site.baseurl }}/assets/img/favicons/ms-icon-150x150.png" />
-      <square310x310logo src="{{ site.baseurl }}/assets/img/favicons/ms-icon-310x310.png" />
-      <TileColor>#ffffff</TileColor>
+      <square150x150logo src="{{ '/assets/img/favicons/mstile-150x150.png' | relative_url }}" />
+      <TileColor>#da532c</TileColor>
     </tile>
   </msapplication>
 </browserconfig>

assets/img/favicons/manifest.json

@@ -1,54 +0,0 @@
----
-layout: compress
-#
-# A part of the Favicons
----
-
-{% assign icon_url = "/assets/img/favicons" | relative_url %}
-
-{
-  "name": "{{ site.title }}",
-  "short_name": "{{ site.title }}",
-  "description": "{{ site.description }}",
-  "icons": [
-    {
-      "src": "{{ icon_url }}/android-icon-36x36.png",
-      "sizes": "36x36",
-      "type": "image/png",
-      "density": "0.75"
-    },
-    {
-      "src": "{{ icon_url }}/android-icon-48x48.png",
-      "sizes": "48x48",
-      "type": "image/png",
-      "density": "1.0"
-    },
-    {
-      "src": "{{ icon_url }}/android-icon-72x72.png",
-      "sizes": "72x72",
-      "type": "image/png",
-      "density": "1.5"
-    },
-    {
-      "src": "{{ icon_url }}/android-icon-96x96.png",
-      "sizes": "96x96",
-      "type": "image/png",
-      "density": "2.0"
-    },
-    {
-      "src": "{{ icon_url }}/android-icon-144x144.png",
-      "sizes": "144x144",
-      "type": "image/png",
-      "density": "3.0"
-    },
-    {
-      "src": "{{ icon_url }}/android-icon-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png",
-      "density": "4.0"
-    }],
-    "start_url": "{{ '/index.html' | relative_url }}",
-    "display": "fullscreen",
-    "theme_color": "#2a1e6b",
-    "background_color": "white"
-}

assets/img/favicons/site.webmanifest

@@ -0,0 +1,26 @@
+---
+layout: compress
+---
+
+{% assign favicon_path = "/assets/img/favicons" | relative_url %}
+
+{
+  "name": "{{ site.title }}",
+  "short_name": "{{ site.title }}",
+  "description": "{{ site.description }}",
+  "icons": [
+    {
+      "src": "{{ favicon_path }}/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "{{ favicon_path }}/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }],
+  "start_url": "{{ '/index.html' | relative_url }}",
+  "theme_color": "#2a1e6b",
+  "background_color": "#ffffff",
+  "display": "fullscreen"
+}

assets/js/data/swcache.js

@@ -26,27 +26,19 @@ const resource = [
     '{{ tab.url | relative_url }}',
   {% endfor %}
 
-  /* --- Icons --- */
-  {% assign icon_url = "/assets/img/favicons" | relative_url %}
-  '{{ icon_url }}/favicon.ico',
-  '{{ icon_url }}/apple-icon.png',
-  '{{ icon_url }}/apple-icon-precomposed.png',
-  '{{ icon_url }}/apple-icon-57x57.png',
-  '{{ icon_url }}/apple-icon-60x60.png',
-  '{{ icon_url }}/apple-icon-72x72.png',
-  '{{ icon_url }}/apple-icon-76x76.png',
-  '{{ icon_url }}/apple-icon-114x114.png',
-  '{{ icon_url }}/apple-icon-120x120.png',
-  '{{ icon_url }}/apple-icon-144x144.png',
-  '{{ icon_url }}/apple-icon-152x152.png',
-  '{{ icon_url }}/apple-icon-180x180.png',
-  '{{ icon_url }}/android-icon-192x192.png',
-  '{{ icon_url }}/favicon-32x32.png',
-  '{{ icon_url }}/favicon-96x96.png',
-  '{{ icon_url }}/favicon-16x16.png',
-  '{{ icon_url }}/ms-icon-144x144.png',
-  '{{ icon_url }}/manifest.json',
-  '{{ icon_url }}/browserconfig.xml'
+  /* --- Favicons --- */
+  {% assign favicon_path = "/assets/img/favicons" | relative_url %}
+
+  '{{ favicon_path }}/android-chrome-192x192.png',
+  '{{ favicon_path }}/android-chrome-512x512.png',
+  '{{ favicon_path }}/apple-touch-icon.png',
+  '{{ favicon_path }}/favicon-16x16.png',
+  '{{ favicon_path }}/favicon-32x32.png',
+  '{{ favicon_path }}/favicon.ico',
+  '{{ favicon_path }}/mstile-150x150.png',
+  '{{ favicon_path }}/site.webmanifest',
+  '{{ favicon_path }}/browserconfig.xml'
+
 ];
 
 /* The request url with below domain will be cached */