README update

README.md

@@ -1,13 +1,37 @@
----
-title: Pixelart Filter
-emoji: 👾
-colorFrom: gray
-colorTo: red
-sdk: gradio
-sdk_version: 5.16.0
-app_file: app.py
-pinned: false
----
-
 # Simple Pixelart Filter
+A Gradio [app](https://kuko6-pixel-filter.hf.space/) that allows you to pixelate images, quantize colors and display color palettes.
+
+<p align="center">
+    <img src="example_images/bananas.jpg" alt="Bananas" width="30%">
+    <img src="example_images/bananas_out.jpeg" alt="Bananas pixelated" width="30%">
+    <img src="example_images/bananas_palette.jpeg" alt="Bananas palette" width="30%">
+</p>
+
+<!-- ## Features
+- Pixelate images with customizable pixel size
+- Apply blur effect to pixelated images
+- Quantize  using k-means clustering
+- Interactive web interface using Gradio -->
+
+## Try it locally
+set up a virtual environment with:
+```sh
+python3 -m venv venv
+```
+
+activate the virtual environment:
+```sh
+source venv/bin/activate
+```
+
+install the requirements:
+```sh
+pip install -r requirements.txt
+```
+
+run the gradio app:
+```sh
+python3 app.py
+```
 
+open `127.0.0.1:7860` in your browser.

app.py

@@ -12,7 +12,7 @@ with gr.Blocks() as demo:
 
     with gr.Row(equal_height=True):
         with gr.Column(variant="panel"):
-            img = gr.Image(label="Input Image")
+            img = gr.Image(label="Input Image",show_fullscreen_button=False)
             pixel_size = gr.Number(label="Pixel Size", minimum=1, value=16)
             blur = gr.Checkbox(label="Blur")
             use_palette = gr.Checkbox(label="Use Palette")
@@ -20,12 +20,18 @@ with gr.Blocks() as demo:
 
         with gr.Column(variant="panel"):
             output_img = gr.Image(
-                label="Output Image", format="jpeg", show_share_button=True
+                label="Output Image", format="jpeg",
+                show_download_button=False,
+                show_share_button=False,
+                show_fullscreen_button=False
             )
             output_palette = gr.Image(
                 label="Image Palette",
+                format="jpeg",
                 show_download_button=False,
                 show_share_button=False,
+                show_fullscreen_button=False,
+                show_label=False,
                 visible=False,
             )