项目介绍
Squoosh 是由 Google Chrome Labs 开发的一款基于 TypeScript 和 AssemblyScript 的高性能图片压缩工具。它主要用于 Web 端图片优化,支持 WebP、AVIF 等新一代格式。项目完全开源,旨在解决网页加载慢、图片体积过大的问题。其最大的特点是纯前端实现,所有处理均在本地完成,无需上传服务器,极大地保护了用户隐私。
核心功能
- 支持 WebP、AVIF、JPEG XL 及 MozJPEG 等多种高效压缩格式
- 提供实时对比视图,可动态调整压缩参数并观察画质变化
- 内置尺寸调整(Resize)和调色板缩减功能
- 支持 Web 端交互界面与 CLI 命令行工具两种操作模式
集成方式
用户可以通过网页版直接使用,或通过 npm 安装命令行版进行自动化处理。
- 网页版:直接访问 squoosh.app 即可使用
- 命令行安装:npm install -g @squoosh/cli
- 基础使用:squoosh-cli --webp auto ./images
适合的场景
主要适合对图片加载性能有极致要求的场景,具体如下:
- 前端开发者优化网页静态资源,提升首屏加载速度
- 设计师在保证视觉质量的前提下批量缩小图片体积
- 对隐私敏感,不希望图片上传到第三方服务器的用户