Update desktop screenshots

site/README.md

@@ -51,4 +51,7 @@ both the site root and the GitHub Pages project path.
 The light and dark wallpapers live in `assets/wallpapers`. Both are
 3840×2160 and are bundled by the installer. Ferese selects the matching image
 when no custom wallpaper is set. Settings keeps both defaults available below
-the current wallpaper preview. Existing screenshots show the previous artwork.
+the current wallpaper preview.
+
+Screenshots live in `docs/images/screenshots` and are shared by the README and
+website. They use lossless WebP at the original 2880×1800 resolution.

site/index.html

@@ -9,7 +9,7 @@
   <meta property="og:title" content="Ferese — Wayland desktop" />
   <meta property="og:description" content="A configurable Wayland desktop." />
   <meta property="og:type" content="website" />
-  <meta property="og:image" content="https://ferese-wm.github.io/ferese/assets/screenshots/ferese-main-hero.png" />
+  <meta property="og:image" content="https://ferese-wm.github.io/ferese/assets/screenshots/ferese-blue-dark.webp" />
   <meta name="twitter:card" content="summary_large_image" />
   <title>Ferese — Wayland desktop</title>
   <link rel="icon" href="assets/branding/ferese-blue-flat.svg" type="image/svg+xml" />
@@ -57,12 +57,12 @@
       </div>
     </section>
     <figure class="product-screenshot page-width">
-      <a href="assets/screenshots/ferese-main-hero.png" aria-label="View the full-resolution Ferese desktop screenshot">
-        <img src="assets/screenshots/ferese-main-hero.png" width="2880" height="1800"
-          alt="Ferese Blue desktop with Settings, Control Center and the previous default wallpaper" fetchpriority="high" />
+      <a href="assets/screenshots/ferese-blue-dark.webp" aria-label="View the full-resolution Ferese desktop screenshot">
+        <img src="assets/screenshots/ferese-blue-dark.webp" width="2880" height="1800"
+          alt="Ferese Blue dark desktop with Appearance settings" fetchpriority="high" />
       </a>
       <figcaption>
-        Ferese Blue with Settings, Control Center, and the previous default wallpaper.
+        Ferese Blue dark with Appearance settings and the default wallpaper.
       </figcaption>
     </figure>
     <section class="product-features page-width" aria-label="Features">