change code

app.py

@@ -1,7 +1,8 @@
 import gradio as gr
-import numpy as np
 import PIL
-from PIL import Image
+from PIL import Image, ImageOps
+from collections import Counter
+import numpy as np
 
 size_options ={"1200 x 1500": (1200, 1500),
     "1200 x 1200": (1200, 1200),
@@ -21,23 +22,48 @@ size_options ={"1200 x 1500": (1200, 1500),
     "Tiktok Pangle - 720 x 1067": (720, 1067),
     "Tiktok Pangle - 480 x 320": (480, 320)}
 
-def change_size(image, size):
-    new_size = size_options[size]
-    image = image.resize(new_size, PIL.Image.Resampling.LANCZOS) # def change size
-    return image
+def get_dominant_color(image):
+    image = image.resize((50, 50))  # Resize to speed up
+    pixels = np.array(image)
+    pixels = pixels.reshape((-1, 3))
+    counter = Counter(map(tuple, pixels))
+    dominant_color = counter.most_common(1)[0][0]
+    return dominant_color
 
-def gradio_interface():# this is for gradio interface
+def change_size(image, selected_size, size_align):
+    target_size = size_options[selected_size]
+    
+    # Maintain aspect ratio without stretching
+    image.thumbnail(target_size, PIL.Image.Resampling.LANCZOS)
+    
+    dominant_color = get_dominant_color(image)
+    
+    new_image = Image.new("RGB", target_size, dominant_color)
+    
+    # Calculate offset based on alignment choice
+    x_offset = (target_size[0] - image.width) // 2 if size_align == "Center" else 0 if size_align == "Left" else target_size[0] - image.width
+    y_offset = (target_size[1] - image.height) // 2 if size_align == "Center" else 0 if size_align == "Top" else target_size[1] - image.height
+    
+    new_image.paste(image, (x_offset, y_offset))
+    
+    return new_image
+
+def gradio_interface():
     with gr.Blocks() as demo:
-        gr.Markdown("# Image Resizer with Predefined Sizes")
+        gr.Markdown("# Advanced Image Resizer with Background and Margins")
         with gr.Row():
             image_input = gr.Image(type="pil", label="Upload Image")
-            size_input = gr.Dropdown(list(size_options.keys()), label="Select Size")
-        image_output = gr.Image(type="pil", label="Resized Image")
+            size_input = gr.Dropdown(list(size_options.keys()), label="Size Options")
+        with gr.Row():
+            size_alignment = gr.Radio(["Left", "Center", "Right"], value="Center", label="Size Alignment")
+        image_output = gr.Image(type="pil", label="Resized Image with Background")
         submit_button = gr.Button("Resize Image")
 
-        submit_button.click(fn=change_size, inputs=[image_input, size_input], outputs=image_output)
+        submit_button.click(fn=change_size, 
+                            inputs=[image_input, size_input, size_alignment], 
+                            outputs=image_output)
 
     return demo
 
 demo = gradio_interface()
-demo.launch()
+demo.launch(share=True)

other.py

@@ -0,0 +1,8 @@
+def template_graphics(): # processing template graphics with blank/color choices
+    pass
+
+def logic_needed():
+    pass
+
+def processing_image(): #processing the image
+    pass