还是用 Dockerfile 实现更好看

Dockerfile

@@ -0,0 +1,17 @@
+FROM python:3.9-slim
+
+WORKDIR /app
+
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+COPY . .
+
+RUN useradd -m -u 1000 user
+USER user
+ENV HOME=/home/user \
+    PATH=/home/user/.local/bin:$PATH
+
+EXPOSE 7860
+
+CMD ["gunicorn", "-b", "0.0.0.0:7860", "app:app"]

README.md

@@ -3,7 +3,7 @@ title: Favicon Master
 emoji: 🎨
 colorFrom: indigo
 colorTo: blue
-sdk: gradio
+sdk: docker
 pinned: false
 ---
 
@@ -20,8 +20,8 @@ pinned: false
 
 ## 🛠️ 技术栈
 
-*   **Framework**: Gradio
-*   **Image Processing**: Pillow (PIL)
+*   **Backend**: Flask + Pillow (PIL)
+*   **Frontend**: Vue 3 + Tailwind CSS
 
 ## 🚀 快速开始
 

app.py

@@ -1,151 +1,111 @@
-import gradio as gr
-from PIL import Image, ImageOps, ImageColor
+import os
 import io
 import zipfile
 import json
-import os
-import tempfile
+from flask import Flask, render_template, request, send_file, jsonify
+from PIL import Image, ImageOps, ImageColor
+
+app = Flask(__name__)
+app.config['MAX_CONTENT_LENGTH'] = 16 * 1024 * 1024
 
-# Standard sizes
 ICO_SIZES = [(16, 16), (32, 32), (48, 48), (64, 64)]
 APPLE_ICON_SIZE = (180, 180)
 ANDROID_192_SIZE = (192, 192)
 ANDROID_512_SIZE = (512, 512)
 
+@app.route('/')
+def index():
+    return render_template('index.html')
+
 def make_square(im, min_size=256, fill_color=(255, 255, 255, 0)):
     """
     Pads the image to make it square without distorting aspect ratio.
     """
     x, y = im.size
     size = max(min_size, x, y)
-    
-    # Create a new square image
     new_im = Image.new('RGBA', (size, size), fill_color)
-    
-    # Calculate position to center the image
     paste_x = (size - x) // 2
     paste_y = (size - y) // 2
-    
     new_im.paste(im, (paste_x, paste_y))
     return new_im
 
-def generate_favicons(image, bg_color_hex):
-    if image is None:
-        return None
-    
-    # Parse background color
-    fill_color = (255, 255, 255, 0) # Default transparent
-    theme_color = "#ffffff" # For manifest
-    
-    has_bg = False
-    if bg_color_hex:
+@app.route('/api/generate', methods=['POST'])
+def generate():
+    if 'file' not in request.files:
+        return jsonify({'error': 'No file part'}), 400
+    file = request.files['file']
+    if file.filename == '':
+        return jsonify({'error': 'No selected file'}), 400
+    bg_color_hex = request.form.get('bgColor', '')
+    fill_color = (255, 255, 255, 0)
+    theme_color = "#ffffff"
+    if bg_color_hex and bg_color_hex != 'transparent':
         try:
-            # Convert hex to RGBA
             rgb = ImageColor.getrgb(bg_color_hex)
-            fill_color = rgb + (255,) # Add alpha=255
+            fill_color = rgb + (255,)
             theme_color = bg_color_hex
-            has_bg = True
         except Exception:
-            pass # Fallback to transparent
-
-    # Convert to RGBA if not already
-    if image.mode != 'RGBA':
-        image = image.convert('RGBA')
-        
-    # Process image: make it square and apply background
-    img_square = make_square(image, fill_color=fill_color)
-    
-    # If a background color is set, we might want to composite the whole image over that color
-    if has_bg:
-        bg_layer = Image.new('RGBA', img_square.size, fill_color)
-        bg_layer.paste(img_square, (0, 0), img_square) # Use img_square alpha as mask
-        img_square = bg_layer
-
-    # Create a temporary file for the ZIP
-    tmp_dir = tempfile.mkdtemp()
-    zip_path = os.path.join(tmp_dir, 'favicons.zip')
-    
-    with zipfile.ZipFile(zip_path, 'w', zipfile.ZIP_DEFLATED) as zf:
-        
-        # 1. favicon.ico (multi-size)
-        ico_io = io.BytesIO()
-        img_square.save(ico_io, format='ICO', sizes=ICO_SIZES)
-        ico_io.seek(0)
-        zf.writestr('favicon.ico', ico_io.read())
-
-        # 2. apple-touch-icon.png
-        apple_io = io.BytesIO()
-        img_apple = img_square.resize(APPLE_ICON_SIZE, Image.Resampling.LANCZOS)
-        img_apple.save(apple_io, format='PNG')
-        apple_io.seek(0)
-        zf.writestr('apple-touch-icon.png', apple_io.read())
-
-        # 3. android-chrome-192x192.png
-        android192_io = io.BytesIO()
-        img_192 = img_square.resize(ANDROID_192_SIZE, Image.Resampling.LANCZOS)
-        img_192.save(android192_io, format='PNG')
-        android192_io.seek(0)
-        zf.writestr('android-chrome-192x192.png', android192_io.read())
-
-        # 4. android-chrome-512x512.png
-        android512_io = io.BytesIO()
-        img_512 = img_square.resize(ANDROID_512_SIZE, Image.Resampling.LANCZOS)
-        img_512.save(android512_io, format='PNG')
-        android512_io.seek(0)
-        zf.writestr('android-chrome-512x512.png', android512_io.read())
-        
-        # 5. site.webmanifest
-        manifest = {
-            "name": "My Website",
-            "short_name": "Website",
-            "icons": [
-                {
-                    "src": "/android-chrome-192x192.png",
-                    "sizes": "192x192",
-                    "type": "image/png"
-                },
-                {
-                    "src": "/android-chrome-512x512.png",
-                    "sizes": "512x512",
-                    "type": "image/png"
-                }
-            ],
-            "theme_color": theme_color,
-            "background_color": theme_color,
-            "display": "standalone"
-        }
-        zf.writestr('site.webmanifest', json.dumps(manifest, indent=2))
-
-    return zip_path
-
-# Gradio UI
-with gr.Blocks(title="Favicon Master") as demo:
-    gr.Markdown("# 🎨 Favicon Master - 全能网站图标生成器")
-    gr.Markdown("上传图片，一键生成适用于 Web、iOS、Android 的全套图标包。")
-    
-    with gr.Row():
-        with gr.Column():
-            input_image = gr.Image(type="pil", label="上传 Logo (推荐 512x512+)", height=300)
-            bg_color = gr.ColorPicker(label="背景颜色 (可选)", value=None)
-            submit_btn = gr.Button("🚀 生成图标包", variant="primary")
-        
-        with gr.Column():
-            output_file = gr.File(label="下载 Favicons ZIP")
-    
-    submit_btn.click(
-        fn=generate_favicons,
-        inputs=[input_image, bg_color],
-        outputs=output_file
-    )
-
-    gr.Markdown("""
-    ### 📦 包含文件
-    - `favicon.ico`: 包含 16x16, 32x32, 48x48, 64x64
-    - `apple-touch-icon.png`: 180x180 (iOS)
-    - `android-chrome-192x192.png`: 192x192 (Android)
-    - `android-chrome-512x512.png`: 512x512 (Android)
-    - `site.webmanifest`: PWA 配置
-    """)
+            pass
+    try:
+        img = Image.open(file.stream)
+        if img.mode != 'RGBA':
+            img = img.convert('RGBA')
+        img_square = make_square(img, fill_color=fill_color)
+        if bg_color_hex and bg_color_hex != 'transparent':
+            bg_layer = Image.new('RGBA', img_square.size, fill_color)
+            bg_layer.paste(img_square, (0, 0), img_square)
+            img_square = bg_layer
+        memory_file = io.BytesIO()
+        with zipfile.ZipFile(memory_file, 'w', zipfile.ZIP_DEFLATED) as zf:
+            ico_io = io.BytesIO()
+            img_square.save(ico_io, format='ICO', sizes=ICO_SIZES)
+            ico_io.seek(0)
+            zf.writestr('favicon.ico', ico_io.read())
+            apple_io = io.BytesIO()
+            img_apple = img_square.resize(APPLE_ICON_SIZE, Image.Resampling.LANCZOS)
+            img_apple.save(apple_io, format='PNG')
+            apple_io.seek(0)
+            zf.writestr('apple-touch-icon.png', apple_io.read())
+            android192_io = io.BytesIO()
+            img_192 = img_square.resize(ANDROID_192_SIZE, Image.Resampling.LANCZOS)
+            img_192.save(android192_io, format='PNG')
+            android192_io.seek(0)
+            zf.writestr('android-chrome-192x192.png', android192_io.read())
+            android512_io = io.BytesIO()
+            img_512 = img_square.resize(ANDROID_512_SIZE, Image.Resampling.LANCZOS)
+            img_512.save(android512_io, format='PNG')
+            android512_io.seek(0)
+            zf.writestr('android-chrome-512x512.png', android512_io.read())
+            manifest = {
+                "name": "My Website",
+                "short_name": "Website",
+                "icons": [
+                    {
+                        "src": "/android-chrome-192x192.png",
+                        "sizes": "192x192",
+                        "type": "image/png"
+                    },
+                    {
+                        "src": "/android-chrome-512x512.png",
+                        "sizes": "512x512",
+                        "type": "image/png"
+                    }
+                ],
+                "theme_color": theme_color,
+                "background_color": theme_color,
+                "display": "standalone"
+            }
+            zf.writestr('site.webmanifest', json.dumps(manifest, indent=2))
+        memory_file.seek(0)
+        return send_file(
+            memory_file,
+            mimetype='application/zip',
+            as_attachment=True,
+            download_name='favicons.zip'
+        )
+    except Exception as e:
+        return jsonify({'error': str(e)}), 500
 
-if __name__ == "__main__":
-    demo.launch(server_name="0.0.0.0", server_port=7860)
+if __name__ == '__main__':
+    port = int(os.environ.get('PORT', 7860))
+    app.run(host='0.0.0.0', port=port)

requirements.txt

@@ -1,2 +1,3 @@
-gradio>=4.0.0
+Flask==3.0.0
+gunicorn==21.2.0
 Pillow>=10.0.0