Use WebP

index.html

@@ -95,14 +95,14 @@ <h1><img src="logo.svg" width="96" alt="" style="vertical-align: middle; margin-
         <p><b>Read e-books in style.</b>&emsp;Open EPUB, Mobipocket, Kindle, FB2, CBZ, and PDF files. Read in paginated or scrolled mode. Adjust the font, spacing, margins, and color scheme. Window controls hide automatically to minimize distraction.
         <p><b>Navigate with ease.</b>&emsp;Turn the page with 1:1 touchpad and touchscreen gestures. View the table of contents, or use the <i>find in book</i> feature in the sidebar. Find your way through the book with the reading progress slider and navigation history.</p>
         <figure style="grid-column: a / b; margin: 0; margin-bottom: 1.5em;">
-            <img src="screenshot.png" alt="Screenshot" class="screenshot">
+            <img src="screenshot.webp" alt="Screenshot" class="screenshot">
             <figcaption style="font-size: .7em; margin: .5em 0; opacity: .7">Screenshot of Foliate's main interface, showing the book <cite><a href="https://standardebooks.org/ebooks/herman-melville/moby-dick">Moby Dick</a></cite> from <a href="https://standardebooks.org/">Standard Ebooks</a>.</figcaption>
         </figure>
-        <div><img src="annotation.png" alt="Cropped screenshot showing Foliate's annotation feature" class="screenshot">
+        <div><img src="annotation.webp" alt="Cropped screenshot showing Foliate's annotation feature" class="screenshot">
         <p><b>Add bookmarks and annotations.</b>&emsp;Reading progress, bookmarks, and annotations are stored in plain JSON files, so you can export or sync them easily with any tool or storage service. <a href="https://github.com/johnfactotum/foliate/blob/gtk4/docs/faq.md#how-are-notes-and-bookmarks-stored">Learn More →</a>
         <p><b>Nifty tools.</b>&emsp;Look up words in Wiktionary and Wikipedia. Translate passages with Google Translate. Read text aloud with with Speech Dispatcher.
         </div>
-        <div><img src="vertical.png" alt="Cropped screenshot of vertical Japanese text rendered in Foliate" class="screenshot"><p><b>Advanced rendering.</b>&emsp;Foliate supports right-to-left text, vertical writing, and fixed layout books. Enjoy features such as auto-hyphenation, popup footnotes, and media overlays.
+        <div><img src="vertical.webp" alt="Cropped screenshot of vertical Japanese text rendered in Foliate" class="screenshot"><p><b>Advanced rendering.</b>&emsp;Foliate supports right-to-left text, vertical writing, and fixed layout books. Enjoy features such as auto-hyphenation, popup footnotes, and media overlays.
         <p><b>Open source.</b>&emsp;Foliate is free software: you can redistribute it and/or modify it under the terms of the <a href="https://www.gnu.org/licenses/gpl.html">GNU General Public License</a>.
         </div>
     </div>
@@ -126,7 +126,7 @@ <h2>Get Foliate</h2>
     <p style="text-align: end">Got questions or feedback?</p>
     <p>Read the <a href="https://github.com/johnfactotum/foliate/blob/gtk4/docs/faq.md">FAQ</a>, <a href="https://github.com/johnfactotum/foliate/issues">report an issue</a>, or <a href="https://github.com/johnfactotum/foliate/discussions">start a discussion</a>.</p>
     <p style="text-align: end">Support Foliate by buying the author a coffee.</p>
-    <p><a href="https://www.buymeacoffee.com/johnfactotum"><img src="buymeacoffee.png" height="50" alt="Buy Me A Coffee"></a></p>
+    <p><a href="https://www.buymeacoffee.com/johnfactotum"><img src="buymeacoffee.webp" height="50" alt="Buy Me A Coffee"></a></p>
     </div>
     <p style="text-align: center"><small>Coded with mild annoyance by <a href="https://github.com/johnfactotum">John Factotum</a>.</small></p>
 </footer>