⚡ Use CDN for favicon

Also adds additional sizes
mikesprague · Feb 13, 2022 · ee83236 · ee83236 · vercel · Feb 13, 2022
1 parent fb6c722
commit ee83236
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 6 deletions.
diff --git a/src/birdle.webmanifest b/src/birdle.webmanifest
@@ -4,13 +4,61 @@
   "description": "A new BIRDLE every day",
   "icons": [
     {
-      "src": "./favicon.png",
+      "src": "https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_32,h_32,c_scale/birdle/favicon.png",
+      "type": "image/png",
+      "sizes": "32x32",
+      "purpose": "any"
+    },
+    {
+      "src": "https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_128,h_128,c_scale/birdle/favicon.png",
+      "type": "image/png",
+      "sizes": "128x128",
+      "purpose": "any"
+    },
+    {
+      "src": "https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_152,h_152,c_scale/birdle/favicon.png",
+      "type": "image/png",
+      "sizes": "152x152",
+      "purpose": "any"
+    },
+    {
+      "src": "https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_167,h_167,c_scale/birdle/favicon.png",
+      "type": "image/png",
+      "sizes": "167x167",
+      "purpose": "any"
+    },
+    {
+      "src": "https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_180,h_180,c_scale/birdle/favicon.png",
+      "type": "image/png",
+      "sizes": "180x180",
+      "purpose": "any"
+    },
+    {
+      "src": "https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_192,h_192,c_scale/birdle/favicon.png",
+      "type": "image/png",
+      "sizes": "192x192",
+      "purpose": "any"
+    },
+    {
+      "src": "https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_196,h_196,c_scale/birdle/favicon.png",
+      "type": "image/png",
+      "sizes": "196x196",
+      "purpose": "any"
+    },
+    {
+      "src": "https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_512,h_512,c_scale/birdle/favicon.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "any"
+    },
+    {
+      "src": "https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_512,h_512,c_scale/birdle/favicon.png",
       "type": "image/png",
       "sizes": "512x512",
       "purpose": "any"
     },
     {
-      "src": "./favicon.png",
+      "src": "https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_512,h_512,c_scale/birdle/favicon.png",
       "type": "image/png",
       "sizes": "512x512",
       "purpose": "maskable"

diff --git a/src/index.html b/src/index.html
@@ -18,10 +18,14 @@
     <link rel="preload" as="script" type="text/javascript" href="./app.js" crossorigin="anonymous" />
     <link rel="manifest" href="birdle.webmanifest" />
     <link href="./styles.css" rel="stylesheet" />
-    <link rel="icon" type="image/png" href="favicon.png" />
-    <link rel="shortcut icon" href="favicon.png" />
-    <link rel="apple-touch-icon" class="favicon" href="favicon.png" />
-    <link rel="mask-icon" class="favicon" href="favicon.png" />
+    <link rel="icon" type="image/png"
+      href="https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_32,h_32,c_scale/birdle/favicon.png" />
+    <link rel="shortcut icon"
+      href="https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_32,h_32,c_scale/birdle/favicon.png" />
+    <link rel="apple-touch-icon" class="favicon"
+      href="https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_192,h_192,c_scale/birdle/favicon.png" />
+    <link rel="mask-icon" class="favicon"
+      href="https://res.cloudinary.com/mikesprague/image/upload/fl_preserve_transparency,w_192,h_192,c_scale/birdle/favicon.png" />
   </head>
   <body>
     <div class="app">