# image-grid-cutte

**Repository Path**: jun-wan/image-grid-cutte

## Basic Information

- **Project Name**: image-grid-cutte
- **Description**: 一个简单易用的网页工具，可以将图片切割成三等份并生成九宫格图片。支持批量处理和预览功能。
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-12-18
- **Last Updated**: 2025-09-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 九宫格切图工具

一个简单易用的网页工具，可以将图片切割成三等份并生成九宫格图片。支持批量处理和预览功能。

## 效果展示

![工具界面](images/demo.png)

> 左侧为图片上传和切割区域，右侧为九宫格预览效果

**切图效果示例：**

| ![切割效果](images/after.png) |

## 功能特点

- 支持上传三张图片，分别对应九宫格的上中下部分
- 每张图片自动按原始宽度三等分切割
- 实时预览九宫格效果
- 支持单张图片下载和批量下载
- 支持图片放大预览
- 自动切割功能，选择图片即开始处理
- 保持原图质量，不压缩

## 环境要求

- Python 3.6+
- Flask 2.0.1
- Pillow 8.4.0

## 安装步骤

1. 克隆项目到本地：
```bash
git clone [你的仓库地址]
cd [项目目录]
```

2. 安装依赖：
```bash
pip install -r requirements.txt
```

3. 运行应用：
```bash
python app.py
```

4. 在浏览器中访问：
```
http://localhost:5000
```

## 使用说明

1. 上传图片
   - 在左侧面板分别选择上、中、下三张图片
   - 选择图片后会自动进行切割处理
   - 每张图片会被切割成左中右三份

2. 预览效果
   - 右侧面板实时显示九宫格效果
   - 点击任意图片可以放大预览
   - 点击空白处或右上角关闭按钮关闭预览

3. 下载图片
   - 可以单独下载每个切片
   - 点击"保存全部图片"可以一次性下载所有图片
   - 下载的图片会按照位置命名（文件名_左/中/右.jpg）

## 目录结构

```
├── README.md           # 项目说明文档
├── requirements.txt    # 项目依赖
├── app.py             # 主程序
├── templates/         # 模板文件
│   └── index.html     # 主页面
├── uploads/           # 上传文件临时存储
├── output_top/        # 上方图片切割结果
├── output_middle/     # 中间图片切割结果
└── output_bottom/     # 下方图片切割结果
```

## 注意事项

- 建议上传宽高比接近3:1的图片以获得最佳效果
- 图片会按原始宽度三等分，保持原始高度
- 所有切割后的图片会保持原始质量
- 临时文件会在程序关闭后自动清理

## 技术栈

- 后端：Python + Flask
- 前端：HTML + CSS + JavaScript
- 图片处理：Pillow

## 开源协议

MIT License