favicon を 2025 のものに差し替え

_includes/head.html

@@ -54,8 +54,9 @@
   {% endif %}
 
   <!-- Favicon -------------------------- -->
-  <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml">
-  <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <!-- 192x192px -->
+  <link rel="icon" href="/img/favicon/favicon.svg" sizes="any" type="image/svg+xml">
+  <link rel="icon" href="/img/favicon/favicon.webp" sizes="512" type="image/webp">
+  <link rel="apple-touch-icon" href="/img/favicon/apple-touch-icon.png"> <!-- 192x192px -->
   <!-- favicon.ico をルートディレクトリにそっと置く。しかしheadには書かない。 -->
 
   <!-- CSS Framework -------------------------- -->

site.webmanifest

@@ -5,16 +5,22 @@
   "name":       "{{ site.title_short }}",
   "short_name": "{{ site.title_short }}",
   "icons": [
-        {
-            "src": "/img/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/img/android-chrome-256x256.png",
-            "sizes": "256x256",
-            "type": "image/png"
-        }
+    {
+      "src":   "/img/favicon/favicon-192.png",
+      "sizes": "192x192",
+      "type":  "image/png"
+    },
+    {
+      "src":     "/img/favicon/favicon-512.png",
+      "type":    "image/png",
+      "sizes":   "512x512",
+      "purpose": "maskable"
+    },
+    {
+      "src":   "/img/favicon/favicon-512.png",
+      "sizes": "512x512",
+      "type":  "image/png"
+    }
   ],
   "theme_color":      "#ffffff",
   "background_color": "#ffffff",