fix(pwa): remove old favicons, new opengraph image under 300kb

JMaio · Jan 31, 2021 · b4ec5be · b4ec5be
1 parent c5390cb
commit b4ec5be
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 10 deletions.
diff --git a/public/favicon-192.png b/public/favicon-192.png
diff --git a/public/favicon-256.png b/public/favicon-256.png
diff --git a/public/favicon-512.png b/public/favicon-512.png
diff --git a/public/index.html b/public/index.html
@@ -39,18 +39,13 @@
       property="og:description"
       content="Mandelbrot Maps is an interactive fractal explorer built using React and WebGL. Come see the pretty side of mathematics!"
     />
-    <!-- 512px image -->
-    <meta
-      property="og:image"
-      content="https://jmaio.github.io/mandelbrot-maps/logo-512.png"
-    />
-    <meta property="og:image:width" content="512" />
-    <!-- 192px image -->
+
+    <!-- 256px image - max 300kb - https://stackoverflow.com/a/41333196/9184658 -->
     <meta
       property="og:image"
-      content="https://jmaio.github.io/mandelbrot-maps/logo-192.png"
+      content="https://jmaio.github.io/mandelbrot-maps/logo-256.png"
     />
-    <meta property="og:image:width" content="192" />
+    <meta property="og:image:width" content="256" />
 
     <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -83,6 +78,7 @@
     </script>
   </head>
   <body>
+    <!-- add a descriptive paragraph to be picked up by SEO? -->
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--

diff --git a/public/logo-256.png b/public/logo-256.png
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
@@ -6,7 +6,14 @@
     {
       "src": "logo-192.png",
       "type": "image/png",
-      "sizes": "192x192"
+      "sizes": "192x192",
+      "purpose": "any"
+    },
+    {
+      "src": "logo-256.png",
+      "type": "image/png",
+      "sizes": "256x256",
+      "purpose": "any"
     },
     {
       "src": "logo-512.png",