Skip to content

Latest commit

 

History

History
64 lines (44 loc) · 1.55 KB

README.md

File metadata and controls

64 lines (44 loc) · 1.55 KB

AI 图片背景移除工具

一个基于 Vue 3 + Vite 开发的在线图片背景移除工具,使用 AI 模型实现快速、高质量的背景移除。

主要功能

图片处理

  • 支持单张或批量上传图片
  • 使用 AI 模型自动移除图片背景
  • 实时预览对比效果,支持滑动对比原图和处理后的图片
  • 支持拖拽上传图片

图片管理

  • 图片列表显示,包含文件名和大小信息
  • 支持删除单张图片
  • 一键清空所有图片
  • 支持一键导出所有处理完成的图片
  • 处理状态实时显示

技术特点

  • 使用 Vue 3 + Vite 构建,提供现代化的开发体验
  • 采用 Web Worker 处理图片,保证主线程流畅运行
  • 使用 HuggingFace 的 RMBG-1.4 模型进行背景移除
  • 响应式设计,支持各种屏幕尺寸

使用说明

  1. 上传图片:

    • 点击上传区域选择图片
    • 或直接拖拽图片到上传区域
  2. 图片处理:

    • 上传后自动开始处理
    • 处理过程中显示加载动画
    • 完成后可在预览区查看效果
  3. 图片管理:

    • 点击图片列表中的图片可切换预览
    • 点击图片右侧的删除按钮可删除单张图片
    • 使用顶部的"清空"按钮可删除所有图片
    • 使用"导出全部"按钮可下载所有处理完成的图片

开发环境设置

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

注意事项

  • 首次加载需要下载 AI 模型,请耐心等待
  • 模型加载完成前无法选择和处理图片