Update app.py

app.py

@@ -12,10 +12,10 @@ load_dotenv()
 logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
 logger = logging.getLogger(__name__)
 
-# 캐시된 이미지 저장소
+# 이미지 캐시
 IMAGE_CACHE = {}
 
-# 커스텀 CSS 스타일 (원본과 완전 동일)
+# CSS (원본 스타일 유지 + 예시 크기 축소)
 custom_css = """
 :root {
     --primary-color: #FB7F0D;
@@ -30,7 +30,7 @@ custom_css = """
 
 .example-gallery {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); /* 200px → 150px */
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
     gap: 20px;
     padding: 20px;
 }
@@ -48,7 +48,7 @@ custom_css = """
 }
 .example-item img {
     width: 80%;
-    height: 80px;       /* 100px → 80px */
+    height: 80px;
     object-fit: cover;
 }
 
@@ -97,23 +97,29 @@ body {
 footer { visibility: hidden; }
 """
 
-# FontAwesome 링크
+# 아이콘 링크
 fontawesome_link = """
 <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />
 """
 
-# 예시 이미지 캐싱 및 로드 함수
+# 이미지 로드 및 캐시
 
 def load_image_cached(path):
     if path not in IMAGE_CACHE:
         try:
             img = Image.open(path)
+            # 최대 크기 1000px로 축소
+            max_dim = max(img.size)
+            if max_dim > 1000:
+                ratio = 1000 / max_dim
+                img = img.resize((int(img.width*ratio), int(img.height*ratio)), Image.Resampling.LANCZOS)
             IMAGE_CACHE[path] = img
         except Exception as e:
             logger.error(f"이미지 로드 실패: {path} - {e}")
             return None
     return IMAGE_CACHE[path]
 
+# 예시 미리 로드
 
 def preload_example_images():
     for ex in product_background_examples:
@@ -142,31 +148,51 @@ def create_app():
         font=[gr.themes.GoogleFont("Noto Sans KR"), "ui-sans-serif", "system-ui"]
     )) as demo:
         gr.HTML(fontawesome_link)
+
         # 메인 뷰: 첫 번째 예시
         with gr.Column(elem_classes="custom-section-group custom-frame"):
             gr.HTML('<div class="section-title"><img src="https://cdn-icons-png.flaticon.com/512/681/681443.png"> 배경 유형별 예시</div>')
             with gr.Row():
-                example_input_image = gr.Image(label="입력 이미지", elem_classes="image-container")
+                example_input_image = gr.Image(
+                    label="입력 이미지",
+                    elem_classes="image-container",
+                    interactive=False,
+                    show_download_button=False,
+                    show_share_button=False,
+                    container=False
+                )
                 with gr.Column():
                     example_bg_type = gr.Textbox(label="배경 유형", interactive=False)
                     example_bg_option = gr.Textbox(label="배경 선택", interactive=False)
                     example_product_name = gr.Textbox(label="상품명", interactive=False)
                     example_additional_info = gr.Textbox(label="추가 요청사항", interactive=False)
-                example_output_image = gr.Image(label="결과 이미지", elem_classes="image-container")
-
-        # 배경 유형별 갤러리 뷰
+                example_output_image = gr.Image(
+                    label="결과 이미지",
+                    elem_classes="image-container",
+                    interactive=False,
+                    show_download_button=False,
+                    show_share_button=False,
+                    container=False
+                )
+
+        # 갤러리 뷰: 유형별 그룹화
         with gr.Column(elem_classes="custom-section-group"):
-            # 유형별 그룹핑
             bg_groups = {}
             for idx, ex in enumerate(product_background_examples):
                 bg_groups.setdefault(ex[1], []).append((idx, ex))
             for bg_type, items in bg_groups.items():
-                # 그룹 헤더
                 gr.HTML(f'<div class="section-title">{bg_type}</div>')
-                # 그룹 아이템
                 with gr.Row(elem_classes="example-gallery"):
                     for idx, ex in items:
-                        item = gr.Image(value=ex[5], show_label=False, elem_classes="example-item")
+                        item = gr.Image(
+                            value=ex[5],
+                            show_label=False,
+                            elem_classes="example-item",
+                            interactive=False,
+                            show_download_button=False,
+                            show_share_button=False,
+                            container=False
+                        )
                         item.select(
                             fn=load_example,
                             inputs=None,