Upload 3 files

.gitignore

@@ -0,0 +1,2 @@
+flagged
+caches

app.py

@@ -0,0 +1,81 @@
+import gradio as gr
+from pathlib import Path
+from PIL import Image
+
+
+def convert_to_webp(input_image: str = None, quality=80):
+    file_path = Path("caches") / "{}.{}".format(Path(input_image).stem, "webp")
+    file_path.parent.mkdir(parents=True, exist_ok=True)
+    img = Image.open(input_image)
+    img = img.convert("RGBA")
+    img.save(file_path, "WEBP", quality=quality)
+
+    # reopen and check
+    img_reopen = Image.open(file_path)
+    img_reopen = img_reopen.convert("RGBA")
+    return img_reopen, str(file_path)
+
+
+def process(input_list, quality=80):
+    out_files = []
+    out_images = []
+    for path in input_list:
+        img_reopen, file_path = convert_to_webp(path[0], quality)
+        out_files.append(file_path)
+        out_images.append(img_reopen)
+    return out_files, out_images
+
+
+def run(server_name="127.0.0.1", server_port=7860):
+    with gr.Blocks() as app:
+        gr.Markdown(
+            """
+            # WebP Converter
+            Upload one or more image files and convert it to WebP format with adjustable quality.
+            ![]('F:/gradio-apps/image_to_webp/caches/1.webp')
+            """
+        )
+
+        with gr.Row(equal_height=False):
+            with gr.Column():
+                inputs = [
+                    gr.Gallery(
+                        label="Input images",
+                        show_label=True,
+                        elem_id="gallery",
+                        object_fit="contain",
+                        height="auto",
+                        columns=4,
+                        # min_width=100,
+                    ),
+                    gr.Slider(
+                        minimum=1,
+                        maximum=100,
+                        value=80,
+                        step=1,
+                        label="Quality",
+                    ),
+                ]
+                btn = gr.Button("Converted WebP", variant="primary")
+
+            with gr.Column():
+                outputs = [
+                    gr.File(label="Converted WebP"),
+                    gr.Gallery(
+                        label="Re-check converted images",
+                        show_label=False,
+                        elem_id="gallery",
+                        object_fit="contain",
+                        height="auto",
+                        columns=4,
+                    ),
+                ]
+
+        btn.click(process, inputs=inputs, outputs=outputs)
+    app.queue().launch(
+        server_name=server_name, server_port=server_port, share=False
+    )
+
+
+if __name__ == "__main__":
+    run(server_name="0.0.0.0", server_port=7862)

requirements.txt

@@ -0,0 +1 @@
+gradio==4.25.0