Update app.py

app.py

@@ -68,21 +68,22 @@ def resize_and_overlay_image(input_image, reduction_percentage, shift_percentage
     # Overlay the resized image on the background image
     background_img[y:y + resized_height, x:x + resized_width] = resized_img
 
+    # Return the resulting image as a NumPy array
+    return background_img
+
 # Create the Gradio interface
 iface = gr.Interface(
     fn=resize_and_overlay_image,
     inputs=[
         gr.inputs.Image(type="pil", label="Input Image"),
         gr.inputs.Slider(minimum=0, maximum=100, step=10, default=80, label="Percentage of Original"),
-        gr.inputs.Slider(minimum=-50, maximum=50, step=10, default=0, label="Shift Left / Right (%)"),
-        gr.inputs.Slider(minimum=-50, maximum=50, step=10, default=0, label="Shift Up / Down (%)"),
+        gr.inputs.Slider(minimum=-20, maximum=20, step=1, default=0, label="Shift Left / Right (%)"),
+        gr.inputs.Slider(minimum=-20, maximum=20, step=1, default=0, label="Shift Up / Down (%)"),
         gr.inputs.Textbox(default="#ffffff", label="Background Color (Hex Code)"),
-        gr.inputs.Slider(minimum=0, maximum=100, step=10, default=0, label="Crop Top (%)"),
-        gr.inputs.Slider(minimum=0, maximum=100, step=10, default=0, label="Crop Bottom (%)")
-    ],
-    outputs=[
-        gr.outputs.Image(type="numpy", label="Result")
+        gr.inputs.Slider(minimum=0, maximum=25, step=1, default=0, label="Crop Top (%)"),
+        gr.inputs.Slider(minimum=0, maximum=25, step=1, default=0, label="Crop Bottom (%)")
     ],
+    outputs=gr.outputs.Image(type="numpy", label="Result"),
     title="Image Resizer",
     description="Crop the input image, overlay it on a new background of the specified color, start centered, and shift it as a percentage without stretching."
 )