Skip to content

crayonxiaoxin/ImgTools

Repository files navigation

ImgTools

纯浏览器端图片处理工具 — 所有处理在本地完成,文件不上传服务器。

wasm-vips Vue 3 PWA License

ImgTools 截图

功能

特性 说明
🔒 隐私安全 基于 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    # 仅构建(跳过类型检查)

部署

本项目可部署到任何静态托管服务:

⚠️ 务必保留 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

About

纯浏览器端图片处理工具 — 压缩 & 格式转换,无需上传服务器。支持 JPEG/PNG/WebP/AVIF/BMP/TIFF 批量。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors