perf: optimize hero image — 16MB PNG → 58KB WebP with responsive sources

2026-04-29 16:32:15 -07:00 · 2026-04-29 16:32:15 -07:00 · 5bd4237d5a
commit 5bd4237d5a
parent adec01bd4e
9 changed files with 16 additions and 5 deletions
--- a/public/apple-touch-icon.png
+++ b/public/apple-touch-icon.png
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/favicon.svg
+++ b/public/favicon.svg
@ -1,4 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-  <rect width="100" height="100" rx="16" fill="#3d5a3e"/>
-  <text x="50" y="68" font-family="Georgia, serif" font-size="52" font-weight="bold" fill="#faf8f5" text-anchor="middle">S</text>
-</svg>
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3d5a3e;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#2d4a2e;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <rect width="100" height="100" rx="18" fill="url(#bg)"/>
+  <text x="50" y="70" font-family="EB Garamond, Georgia, serif" font-size="56" font-weight="600" fill="#faf8f5" text-anchor="middle">S</text>
+</svg>
--- a/public/images/hero-speaker-new-1200.webp
+++ b/public/images/hero-speaker-new-1200.webp
--- a/public/images/hero-speaker-new-1920.png
+++ b/public/images/hero-speaker-new-1920.png
--- a/public/images/hero-speaker-new-800.webp
+++ b/public/images/hero-speaker-new-800.webp
--- a/public/images/hero-speaker-new.webp
+++ b/public/images/hero-speaker-new.webp