use webp

README.md

@@ -93,40 +93,40 @@ tags:
 }
 
 #image1l{
-  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01594.png");
+  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01594.webp");
 }
 #image2l{
-  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01586.png");
+  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01586.webp");
 }
 #image3l{
-  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01598.png");
+  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01598.webp");
 }
 #image4l{
-  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01557.png");
+  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01557.webp");
 }
 #image5l{
-  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01573.png");
+  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01573.webp");
 }
 #image6l{
-  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01574.png");
+  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01574.webp");
 }
 #image7l{
-  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01551.png");
+  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01551.webp");
 }
 #image8l{
-  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01554.png");
+  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01554.webp");
 }
 #image9l{
-  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01580.png");
+  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01580.webp");
 }
 #imageal{
-  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01581.png");
+  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/01581.webp");
 }
 #imagebl{
-  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/13600step/01532.png");
+  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/13600step/01532.webp");
 }
 #imagecl{
-  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/13600step/01533.png");
+  background-image: url("https://huggingface.co/KBlueLeaf/Kohaku-XL-Epsilon/resolve/main/output-samples/13600step/01533.webp");
 }
 </style>
 <div class="image-viewer">
@@ -156,18 +156,18 @@ tags:
   <label for="imagec" id="imagecl"></label>
 
   <div class="image-container">
-    <img src="output-samples/01594.png" alt="Image 1">
-    <img src="output-samples/01586.png" alt="Image 2">
-    <img src="output-samples/01598.png" alt="Image 3">
-    <img src="output-samples/01557.png" alt="Image 4">
-    <img src="output-samples/01573.png" alt="Image 5">
-    <img src="output-samples/01574.png" alt="Image 6">
-    <img src="output-samples/01551.png" alt="Image 7">
-    <img src="output-samples/01554.png" alt="Image 8">
-    <img src="output-samples/01580.png" alt="Image 9">
-    <img src="output-samples/01581.png" alt="Image a">
-    <img src="output-samples/13600step/01532.png" alt="Image b">
-    <img src="output-samples/13600step/01533.png" alt="Image c">
+    <img src="output-samples/01594.webp" alt="Image 1">
+    <img src="output-samples/01586.webp" alt="Image 2">
+    <img src="output-samples/01598.webp" alt="Image 3">
+    <img src="output-samples/01557.webp" alt="Image 4">
+    <img src="output-samples/01573.webp" alt="Image 5">
+    <img src="output-samples/01574.webp" alt="Image 6">
+    <img src="output-samples/01551.webp" alt="Image 7">
+    <img src="output-samples/01554.webp" alt="Image 8">
+    <img src="output-samples/01580.webp" alt="Image 9">
+    <img src="output-samples/01581.webp" alt="Image a">
+    <img src="output-samples/13600step/01532.webp" alt="Image b">
+    <img src="output-samples/13600step/01533.webp" alt="Image c">
   </div>
 </div>