Squish - 基于浏览器的批量图片压缩工具

项目用途

Squish 是一个基于浏览器的图片压缩工具，利用 WebAssembly 实现高性能图像优化，支持多种格式，并通过直观界面在尽量不牺牲质量的前提下压缩图片。

配图 1（教程配图）为来源检测到的项目教程配图，来自项目站点 squish.addy.ie。

支持格式

• AVIF（AV1 Image Format）
• JPEG（使用 MozJPEG）
• JPEG XL
• PNG（使用 OxiPNG）
• WebP

关键能力

• 浏览器端压缩，无需上传服务器
• 批量处理
• 格式转换
• 按格式调节质量
• 实时预览
• 体积缩减统计
• 拖拽上传界面
• 面向大量文件的智能队列

技术栈

• React + TypeScript 构建界面
• Vite 提供快速开发体验
• WebAssembly 实现接近原生速度的图像处理
• Tailwind CSS 负责样式
• jSquash 提供图像编解码器实现

使用流程

1. 拖放或选择图片：把图片拖到上传区域，或点击选择文件。

1. 选择输出格式：AVIF、JPEG、JPEG XL、PNG 或 WebP。

1. 调整质量：用质量滑块在文件体积与图像质量之间做权衡。

1. 下载：单张下载，或使用“Download All”按钮批量下载。

默认质量设置

• AVIF：50%
• JPEG：75%
• JPEG XL：75%
• PNG：无损
• WebP：75%

许可证

本项目采用 MIT 许可证，详见仓库中的 LICENSE 文件。

适用对象

需要批量压缩、转换图片格式或优化素材体积的前端开发者、设计师、内容运营与站点性能优化人员；由于压缩在本地浏览器完成，也适合对图片隐私和不上传服务器有要求的用户。

致谢

• jSquash：提供 WebAssembly 图像编解码器
• MozJPEG：JPEG 压缩
• libavif：AVIF 支持
• libjxl：JPEG XL 支持
• Oxipng：PNG 优化

— 本文由 AI 根据公开来源辅助整理，命令、版本与许可证请在使用前到原始页面复核。