Spaces:

duqing26
/

favicon-master

Sleeping

App Files Files Community

duqing2026 commited on Jan 27

Commit

b3a8030

1 Parent(s): c1eb68e

修复 hf 运行不起来问题

Browse files

Files changed (6) hide show

.dockerignore +0 -10
Dockerfile +0 -19
README.md +6 -9
app.py +102 -102
app_flask_backup.py +151 -0
requirements.txt +1 -2

.dockerignore DELETED Viewed

@@ -1,10 +0,0 @@
-__pycache__
-*.pyc
-*.pyo
-*.pyd
-.Python
-env/
-venv/
-.git
-.gitignore
-.DS_Store

Dockerfile DELETED Viewed

@@ -1,19 +0,0 @@
-FROM python:3.9-slim
-WORKDIR /app
-COPY requirements.txt .
-RUN pip install --upgrade pip && \
-    pip install --no-cache-dir -r requirements.txt
-COPY . .
-# Create a user to avoid running as root (good practice for HF Spaces)
-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 CHANGED Viewed

@@ -3,8 +3,7 @@ title: Favicon Master
 emoji: 🎨
 colorFrom: indigo
 colorTo: blue
-sdk: docker
-app_port: 7860
 pinned: false
 ---
@@ -17,22 +16,20 @@ pinned: false
 *   **全格式支持**: 自动生成 `favicon.ico` (16x16, 32x32, 48x48, 64x64), `apple-touch-icon.png`, `android-chrome.png` 及 `site.webmanifest`。
 *   **智能居中填充**: 上传任意长宽比的 Logo 图片，自动居中填充到正方形画布，无需手动裁剪。
 *   **自定义背景**: 支持设置透明背景或自定义填充色（Hex 颜色），完美适配 iOS/Android 主屏幕风格。
-*   **实时预览**: 提供“浏览器标签页”和“手机主屏幕”两种预览模式，所见即所得。
 *   **隐私安全**: 采用内存处理（In-Memory Processing），服务器不保存任何图片文件，生成后立即销毁。
 ## 🛠️ 技术栈
-*   **Backend**: Python Flask, Pillow (PIL)
-*   **Frontend**: Vue 3, Tailwind CSS
-*   **Deployment**: Docker (Python 3.9 Slim)
 ## 🚀 快速开始
 1.  上传一张图片（推荐 512x512px 以上的 PNG/JPG/SVG）。
 2.  (可选) 选择背景颜色。
-3.  点击“生成并下载 ZIP”。
-4.  解压 ZIP 包，将文件放入网站根目录。
-5.  复制提供的 HTML 代码到 `<head>` 标签中。
 ## 📦 生成文件说明

 emoji: 🎨
 colorFrom: indigo
 colorTo: blue
+sdk: gradio
 pinned: false
 ---
 *   **全格式支持**: 自动生成 `favicon.ico` (16x16, 32x32, 48x48, 64x64), `apple-touch-icon.png`, `android-chrome.png` 及 `site.webmanifest`。
 *   **智能居中填充**: 上传任意长宽比的 Logo 图片，自动居中填充到正方形画布，无需手动裁剪。
 *   **自定义背景**: 支持设置透明背景或自定义填充色（Hex 颜色），完美适配 iOS/Android 主屏幕风格。
 *   **隐私安全**: 采用内存处理（In-Memory Processing），服务器不保存任何图片文件，生成后立即销毁。
 ## 🛠️ 技术栈
+*   **Framework**: Gradio
+*   **Image Processing**: Pillow (PIL)
 ## 🚀 快速开始
 1.  上传一张图片（推荐 512x512px 以上的 PNG/JPG/SVG）。
 2.  (可选) 选择背景颜色。
+3.  点击“生成图标包”。
+4.  下载 ZIP 包，解压并将文件放入网站根目录。
+5.  复制生成的 HTML 代码到 `<head>` 标签中。
 ## 📦 生成文件说明

app.py CHANGED Viewed

@@ -1,12 +1,10 @@
-import os
 import io
 import zipfile
 import json
-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  # 16MB limit
 # Standard sizes
 ICO_SIZES = [(16, 16), (32, 32), (48, 48), (64, 64)]
@@ -14,10 +12,6 @@ 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.
@@ -35,117 +29,123 @@ def make_square(im, min_size=256, fill_color=(255, 255, 255, 0)):
     new_im.paste(im, (paste_x, paste_y))
     return new_im
-@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
-    # Get background color from form data (hex code)
-    bg_color_hex = request.form.get('bgColor', '')
     # Parse background color
     fill_color = (255, 255, 255, 0) # Default transparent
     theme_color = "#ffffff" # For manifest
-    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
             theme_color = bg_color_hex
         except Exception:
             pass # Fallback to transparent
-    try:
-        # Open image
-        img = Image.open(file.stream)
-        # Convert to RGBA if not already
-        if img.mode != 'RGBA':
-            img = img.convert('RGBA')
-        # Process image: make it square and apply background
-        # If user selected a background color, we use that for padding
-        # If user wants transparent, we use transparent padding
-        # First, ensure it's square without distortion
-        img_square = make_square(img, fill_color=fill_color)
-        # If a background color is set, we might want to composite the whole image over that color
-        # (in case the original image has transparency within it)
-        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) # Use img_square alpha as mask
-            img_square = bg_layer
-        # Create ZIP in memory
-        memory_file = io.BytesIO()
-        with zipfile.ZipFile(memory_file, '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))
-        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__':
-    port = int(os.environ.get('PORT', 7860))
-    app.run(host='0.0.0.0', port=port)

+import gradio as gr
+from PIL import Image, ImageOps, ImageColor
 import io
 import zipfile
 import json
+import os
+import tempfile
 # Standard sizes
 ICO_SIZES = [(16, 16), (32, 32), (48, 48), (64, 64)]
 ANDROID_192_SIZE = (192, 192)
 ANDROID_512_SIZE = (512, 512)
 def make_square(im, min_size=256, fill_color=(255, 255, 255, 0)):
     """
     Pads the image to make it square without distorting aspect ratio.
     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:
         try:
             # Convert hex to RGBA
             rgb = ImageColor.getrgb(bg_color_hex)
             fill_color = rgb + (255,) # Add alpha=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 配置
+    """)
+if __name__ == "__main__":
+    demo.launch(server_name="0.0.0.0", server_port=7860)

app_flask_backup.py ADDED Viewed

	@@ -0,0 +1,151 @@

+import os
+import io
+import zipfile
+import json
+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  # 16MB limit
+# 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
+@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
+    # Get background color from form data (hex code)
+    bg_color_hex = request.form.get('bgColor', '')
+    # Parse background color
+    fill_color = (255, 255, 255, 0) # Default transparent
+    theme_color = "#ffffff" # For manifest
+    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
+            theme_color = bg_color_hex
+        except Exception:
+            pass # Fallback to transparent
+    try:
+        # Open image
+        img = Image.open(file.stream)
+        # Convert to RGBA if not already
+        if img.mode != 'RGBA':
+            img = img.convert('RGBA')
+        # Process image: make it square and apply background
+        # If user selected a background color, we use that for padding
+        # If user wants transparent, we use transparent padding
+        # First, ensure it's square without distortion
+        img_square = make_square(img, fill_color=fill_color)
+        # If a background color is set, we might want to composite the whole image over that color
+        # (in case the original image has transparency within it)
+        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) # Use img_square alpha as mask
+            img_square = bg_layer
+        # Create ZIP in memory
+        memory_file = io.BytesIO()
+        with zipfile.ZipFile(memory_file, '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))
+        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__':
+    port = int(os.environ.get('PORT', 7860))
+    app.run(host='0.0.0.0', port=port)

requirements.txt CHANGED Viewed

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


1	+ gradio>=4.0.0
2	Pillow>=10.0.0