Perf: optimize WVO logo assets

README.md

@@ -1,8 +1,8 @@
 # Web Video Optimizer
 
 <picture>
-  <source media="(prefers-color-scheme: light)" srcset="apps/web/public/brand/WVO-logo-transparent.png">
-  <img src="apps/web/public/brand/WVO-logo-white-transparent.png" alt="Web Video Optimizer" width="360">
+  <source media="(prefers-color-scheme: light)" srcset="apps/web/public/brand/WVO-logo-transparent.webp">
+  <img src="apps/web/public/brand/WVO-logo-white-transparent.webp" alt="Web Video Optimizer" width="360">
 </picture>
 
 [![CI](https://github.com/Artsen/web-video-optimizer/actions/workflows/ci.yml/badge.svg)](https://github.com/Artsen/web-video-optimizer/actions/workflows/ci.yml)

apps/web/src/components/ui/AppMark.tsx

@@ -1,5 +1,5 @@
-export const WVO_LOGO_TRANSPARENT_PATH = "/brand/WVO-logo-transparent.png";
-export const WVO_LOGO_WHITE_TRANSPARENT_PATH = "/brand/WVO-logo-white-transparent.png";
+export const WVO_LOGO_TRANSPARENT_PATH = "/brand/WVO-logo-transparent.webp";
+export const WVO_LOGO_WHITE_TRANSPARENT_PATH = "/brand/WVO-logo-white-transparent.webp";
 
 export function AppMark({ size = "default" }: { size?: "default" | "small" }) {
   return (

docs/assets/screenshots/README.md

@@ -25,4 +25,4 @@ Review captures are full-page unless the Playwright screenshot suite names them
 
 The current curated set balances dark workflow coverage, one light-theme result, Compare theatre, Custom Export density, and mobile bottom chrome. Add an empty-state screenshot only when it materially improves the README.
 
-Current curated set: 6 WebP files, 333,348 bytes total.
+Current curated set: 6 WebP files, 330,102 bytes total.

docs/brand-system.md

@@ -21,8 +21,8 @@ Canonical app and documentation assets live in `apps/web/public/brand/` so the V
 
 Logo variants:
 
-- `WVO-logo-transparent.png`: dark letterform variant for light surfaces.
-- `WVO-logo-white-transparent.png`: white letterform variant for dark surfaces.
+- `WVO-logo-transparent.webp`: dark letterform variant for light surfaces.
+- `WVO-logo-white-transparent.webp`: white letterform variant for dark surfaces.
 - `WVO-favicon.png`: favicon derived from the approved monogram for small browser chrome.
 
 When the mark sits next to visible "Web Video Optimizer" text, it should be `aria-hidden` to avoid duplicate announcements. Use text alternatives for standalone documentation imagery.