perf(website): compress screenshots as webp

use squoosh with options: lossless: true effort: 9 others: default
pacexy · Apr 27, 2024 · 08b7bb1 · 08b7bb1
1 parent 1fbf271
commit 08b7bb1
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@
 
 <p align="center">Free. Open source. Browser-based.</p>
 
-<p align="center"><img src="apps/website/public/screenshots/en-US.png"/>
+<p align="center"><img src="apps/website/public/screenshots/en-US.webp"/>
 </p>
 
 ## Features

diff --git a/apps/website/public/screenshots/en-US.webp b/apps/website/public/screenshots/en-US.webp
diff --git a/apps/website/public/screenshots/zh-CN.webp b/apps/website/public/screenshots/zh-CN.webp
diff --git a/apps/website/src/pages/index.tsx b/apps/website/src/pages/index.tsx
@@ -42,7 +42,7 @@ export default function Home() {
             </ul>
           </div>
           <img
-            src={`/screenshots/${locale}.png`}
+            src={`/screenshots/${locale}.webp`}
             alt="Screenshot"
             className="shadow-1 mt-16"
           />