图片体积大导致页面加载慢？图压3步批量压缩50%+，Web访问速度立升30%
作为前端/全栈开发者，你是否常被“首页bundle图2MB加载3s”“CI制品包因截图膨胀200MB”等问题拖慢交付？今天这款开源小工具，能一站式解决批量压图、动图瘦身、比例裁剪等实操难题。
软件核心概述
【图压】「适配环境：Windows 10+ / macOS 10.14+」
图压是一款专注于本地批量图片压缩的轻量级工具，核心优势在于无损视觉质量+可定尺寸+跨平台CLI，能有效解决“PS逐张导出效率低”“在线压缩有次数/大小限制”问题，适配前端资源打包、接口文档截图、产品图床同步等高频场景。
分步实操教程
1. 环境准备
绿色版：下载对应系统zip，解压后将tuya可执行文件目录加入PATH，命令行验证
tuya --version 返回v0.4.x即安装成功。
2. GUI快速批量
- 双击运行 → 拖拽
src/assets整文件夹至窗口； - 右侧预设选择「Web优化」：宽度1280px，质量85，保持比例；
- 点击「开始压缩」，日志实时显示
average 52% saved； - 输出到
src/assets_optimized，文件名保持原样，无需改引用路径。
新手直接沿用默认参数即可上线。
3. CLI进阶（适合自动化）
场景： Jenkins打包前自动压缩新增图片。
- 压缩后体积平均下降55%，CDN流量环比减少30%。
Jenkinsfile阶段
stage('Image Optimization') { steps { sh 'npm run img:opt' } } 在package.json加入脚本
"scripts": { "img:opt": "tuya -i public/img -o public/img --width 1280 --quality 80" } 4. 参数详解
--width/height限定最大边，等比缩放；--quality10-100，建议80-85，肉眼无损；--format可输出webp，Node 18+环境自动fallback；--threads默认CPU核心数×2，SSD环境可再上浮50%。
5. 常见问题速解
- 压缩失败 → 检查图片是否被其他进程占用，关闭IDE预览；
- 输出空白 → 源图为CMYK，先转RGB再压；
- CLI中文路径乱码 → PowerShell 7+或Git Bash运行即可。
场景拓展
- 与Vite插件联动：
vite-plugin-imagemin压缩svg/webp，图压负责png/jpg，流水线体积双杀； - Markdown文档同步：写Docsify时，把
docs/images拖进图压，一键压至docs/images-min，Git LFS存储省50%； - 批量生成缩略图：加参数
--width 400 --suffix thumb，同图多尺寸输出，前端srcset自动适配 retina。
获取方式: https://pan.quark.cn/s/d47c51dd4a58
关注我的ZEEKLOG博客，觉得有用的话，欢迎点赞+收藏+关注，后续会持续分享更多提升图片处理效率的实用工具和技术干货！
