convert images to webp

public/@brooke/index.html

@@ -14,9 +14,9 @@
         --accent-1: #d182ff;
         --accent-2: #eb53d3;
         --content-spacing: 5px;
-        --background-img: url("/@brooke/bg.jpg");
+        --background-img: url("/@brooke/bg.webp");
         --banner: url("/@brooke/fractal.gif");
-        --titleBars: url("/@brooke/title-bar.jpg");
+        --titleBars: url("/@brooke/title-bar.webp");
         --text-color: white;
         --link-color: var(--accent-1);
         --border: 1px solid black;
@@ -121,7 +121,7 @@
             <div>
               <a target="_blank" href="https://10kb.neocities.org/about">
                 <img
-                  src="https://10kb.neocities.org/icons/flag10kb.png"
+                  src="/@brooke/flag10kb.webp"
                   alt="The words '10kB' split in half by a black cross, on a blue background."
                   height="32"
                   width="auto"
@@ -130,7 +130,7 @@
                 />
               </a>
               <img
-                src="/@brooke/trans.png"
+                src="/@brooke/trans.webp"
                 height="32"
                 width="auto"
                 alt="A trans flag."