Update desktop screenshots

README.md

@@ -17,7 +17,7 @@
 
 Ferese combines a window manager and desktop shell with one configuration.
 
-![Ferese Blue desktop with Settings and Control Center](docs/images/screenshots/ferese-main-hero.png)
+![Ferese Blue dark desktop with Appearance settings](docs/images/screenshots/ferese-blue-dark.webp)
 
 [View more screenshots](docs/screenshots.md)
 

docs/screenshots.md

@@ -1,45 +1,45 @@
 # Screenshots
 
-These screenshots were taken on September 30, 2026. Click an image to open it at full size.
+Click an image to open it at full size.
 
-## Ferese Blue
+## Ferese Blue dark
 
-Settings and Control Center with the previous default wallpaper.
+Appearance settings with the default dark wallpaper.
 
-[![Settings and Control Center with the previous default wallpaper.](images/screenshots/ferese-main-hero.png)](images/screenshots/ferese-main-hero.png)
+[![Ferese Blue dark desktop with Appearance settings.](images/screenshots/ferese-blue-dark.webp)](images/screenshots/ferese-blue-dark.webp)
 
-## Rosé Pine
+## Ferese Blue light
 
-Theme previews, Control Center and the desktop clock.
+Appearance settings and the calendar with the default light wallpaper.
 
-[![Theme previews, Control Center and the desktop clock.](images/screenshots/rose-pine-desktop.png)](images/screenshots/rose-pine-desktop.png)
+[![Ferese Blue light desktop with Appearance settings and the calendar.](images/screenshots/ferese-blue-light.webp)](images/screenshots/ferese-blue-light.webp)
 
 ## Workspace overview
 
-Windows and workspaces over a custom wallpaper.
+Terminal and Settings windows, with previews of three workspaces.
 
-[![Windows and workspaces over a custom wallpaper.](images/screenshots/rose-pine-overview.png)](images/screenshots/rose-pine-overview.png)
+[![Ferese Blue overview with a terminal, Settings and three workspace cards.](images/screenshots/ferese-blue-overview.webp)](images/screenshots/ferese-blue-overview.webp)
 
-## Power controls
+## Everforest
 
-Power controls for selecting a profile, restarting, powering off and suspending.
+Appearance settings and the calendar over a custom forest wallpaper.
 
-[![Power profiles and restart, power off and suspend actions.](images/screenshots/power-controls.png)](images/screenshots/power-controls.png)
+[![Everforest desktop with Appearance settings and the calendar.](images/screenshots/everforest-desktop.webp)](images/screenshots/everforest-desktop.webp)
 
-## Ferese Blue overview
+## Gruvbox
 
-Application previews and workspace selection.
+Appearance settings and the calendar over a custom landscape wallpaper.
 
-[![Application previews and workspace selection.](images/screenshots/ferese-blue-overview.png)](images/screenshots/ferese-blue-overview.png)
+[![Gruvbox desktop with Appearance settings and the calendar.](images/screenshots/gruvbox-desktop.webp)](images/screenshots/gruvbox-desktop.webp)
 
-## Shortcut guide
+## Rosé Pine dark
 
-The shortcut guide displayed at login, using the configured keyboard shortcuts.
+Theme previews, Control Center and a file manager.
 
-[![The login guide shows the configured keyboard shortcuts.](images/screenshots/shortcut-guide.png)](images/screenshots/shortcut-guide.png)
+[![Rosé Pine dark desktop with Settings, Control Center and a file manager.](images/screenshots/rose-pine-dark.webp)](images/screenshots/rose-pine-dark.webp)
 
-## Power confirmation
+## Rosé Pine light
 
-A centered confirmation dialog with background blur.
+Appearance settings and a file manager over the same custom wallpaper.
 
-[![A centered confirmation dialog with background blur.](images/screenshots/power-confirmation.png)](images/screenshots/power-confirmation.png)
+[![Rosé Pine light desktop with Settings and a file manager.](images/screenshots/rose-pine-light.webp)](images/screenshots/rose-pine-light.webp)

docs/why-ferese.md

@@ -8,7 +8,7 @@ Keep windows at useful widths and move through them horizontally with scrolling
 divide the screen into nested splits with tree tiling, or let individual windows float
 alongside either layout. Overview shows your windows and workspaces together.
 
-![Ferese Overview showing windows and workspaces](images/screenshots/ferese-blue-overview.png)
+![Ferese Overview showing windows and workspaces](images/screenshots/ferese-blue-overview.webp)
 
 ## Appearance
 
@@ -16,7 +16,7 @@ Choose a theme in Settings and build on it with your own wallpaper, colors, font
 corners and motion, with changes applying across the desktop as you make them. Window
 and shell corners have separate controls, so you can shape each to your liking.
 
-![Ferese Settings and Control Center in Rosé Pine](images/screenshots/rose-pine-desktop.png)
+![Ferese Settings and Control Center in Rosé Pine](images/screenshots/rose-pine-dark.webp)
 
 To give your shell corners a different radius, add:
 

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">
+      <a href="assets/screenshots/ferese-blue-dark.webp" aria-label="View the full-resolution Ferese desktop screenshot">
-        <img src="assets/screenshots/ferese-main-hero.png" width="2880" height="1800"
+        <img src="assets/screenshots/ferese-blue-dark.webp" width="2880" height="1800"
-          alt="Ferese Blue desktop with Settings, Control Center and the previous default wallpaper" fetchpriority="high" />
+          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">