# 智能切分图片工具

**Repository Path**: wx114/segmented-image-tool

## Basic Information

- **Project Name**: 智能切分图片工具
- **Description**: 一个智能切分图片的开源工具，支持多种图片格式上传，帮助你高效处理图片分割任务。即可手动指定图像的行列切分，也可使用图像理解模型自动帮助切分。（比如将九宫格切分成9张图片）是基于 TypeScript + React + Vite 构建的前端应用。
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-21
- **Last Updated**: 2025-12-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 分割图像工具本地运行说明

一个智能切分图片的开源工具，支持多种图片格式上传，帮助你高效处理图片分割任务。即可手动指定图像的行列切分，也可使用图像理解模型自动帮助切分。（比如将九宫格切分成9张图片）是基于 TypeScript + React + Vite 构建的前端应用。

## 项目预览

右上角的API配置区域，用户需要输入自己的Gemini、智谱、阿里云百炼 API Key，才能使用图像理解模型自动帮助切分。

![项目界面预览 1](./2025-12-21%20130736.png)

如图所示，项目界面分为上半部分和下半部分。上半部分为图片上传区域，支持多种图片格式上传。下半部分为图片切分区域，用户可以手动指定图像的行列切分，也可使用图像理解模型自动帮助切分。

![项目界面预览 2](./2025-12-21%20130821.png)
![项目界面预览 3](./2025-12-21%20130912.png)



## 本地运行

**前置条件：** 已安装 Node.js

1. 安装依赖：
   `npm install`
2. 本项目默认是使用 Gemini API 进行图像理解模型的调用，因此需要在项目根目录的 [.env.local](.env.local) 文件中设置 `GEMINI_API_KEY` 为你的 Gemini API Key。但你也可以选择使用智谱、阿里云百炼等其他图像理解模型 API，只需要在 [.env.local](.env.local) 文件中设置对应的 API Key 即可。
3. 运行项目：
   `npm run dev`