纯浏览器端图片处理工具 — 所有处理在本地完成,文件不上传服务器。
| 特性 | 说明 | |
|---|---|---|
| 🔒 | 隐私安全 | 基于 wasm-vips 引擎,所有计算在浏览器内执行,图片不会离开你的设备 |
| 📦 | 图片压缩 | JPEG / PNG / WebP / AVIF / TIFF,有损/无损可调 |
| 🔄 | 格式转换 | 支持 SVG / JPEG / PNG / WebP / AVIF / GIF / BMP / TIFF 输入,6 种输出格式一键互转 |
| ⭐ | Favicon 制作 | 自由裁剪 → 多尺寸输出,支持 PNG / ICO / ZIP 打包 |
| 📄 | PDF 转图片 | PDF.js 渲染 → 逐页输出或长图拼接,精度可调 |
| 📋 | 批量处理 | 拖拽多图,统一处理,ZIP 打包下载 |
| 🌙 | 跨平台 | 暗黑模式 · 多语言 · PWA 离线可用 · 响应式设计 |
npm install
npm run dev打开 http://localhost:5173 即可使用。
npm run build # 类型检查 + 生产构建
npx vite build # 仅构建(跳过类型检查)本项目可部署到任何静态托管服务:
- Vercel — 一键部署 或
npx vercel --prod
⚠️ 务必保留 COOP/COEP 头(配置见vercel.json),否则 wasm-vips 无法运行。
| 图像引擎 | wasm-vips — libvips 的 WebAssembly 移植 |
| 前端框架 | Vue 3 + TypeScript + Vite |
| 状态管理 | Pinia |
| PDF 引擎 | PDF.js — Mozilla 的 PDF 渲染库 |
| PWA | vite-plugin-pwa,预缓存 ~15MB 资源 |
| 多语言 | vue-i18n · 简体中文 / 繁體中文 / English |
| 路由 | vue-router(History 模式) |
src/
├── core/ # 核心引擎(formats/vips/pipeline/pdf)
├── composables/ # 逻辑层(imageProcessor/batchExport)
├── stores/ # 状态管理(Pinia)
├── components/ # UI 组件
├── views/ # 路由页面
├── locales/ # 多语言(zh-CN/zh-TW/en)
└── utils/ # 工具函数(format/ico)
MIT
