目录
Squoosh是一个由Google Chrome实验室推出的图片压缩工具,于2018年Chrome开发者峰会上首次发布。它的诞生源于一个核心目标:让网页加载更快。作为的搜索引擎,Google深知网页加载速度对用户体验和SEO的重要性,因此开发了这个免费开源的解决方案。
这款工具最引人注目的特点是强大的压缩能力。通过整合MozJPEG、WebP、IF等先进编解码器,Squoosh能将图片文件大小减少高达90%,同时保持令人满意的视觉质量。所有处理都在本地浏览器中完成,使用WebAssembly技术实现高效的编解码,确保用户隐私安全。
Squoosh提供了直观的实时对比界面,用户可以通过左右分屏滑块直观比较压缩前后的画质差异。除了在线网页版,它还提供了命令行工具(CLI)和Node.js库(libSquoosh),方便开发者集成到自动化工作流中。这个项目在GitHub上已获得超过2.5万星标,拥有活跃的社区支持。
官网入口地址
在线工具:https://squoosh.app/
开源项目:https://github.com/GoogleChromeLabs/squoosh
下载地址
Squoosh本身是在线工具,但提供多种使用方式:
-
在线网页版:直接访问 https://squoosh.app/ 即可使用
-
命令行工具(CLI) :通过
npm i @squoosh/cli安装 -
Node.js库(libSquoosh) :通过
npm install @squoosh/lib安装 -
社区维护的CLI工具:通过Homebrew、Scoop或Linux包管理器安装独立的可执行文件
功能介绍
多格式广泛支持
支持JPEG、PNG、WebP、IF、OXIPNG、MozJPEG、JXL等多种格式输入输出,涵盖传统格式和现代高效格式。
强大的压缩算法
集成行业领先的编解码器,通过WebAssembly技术在浏览器中运行,实现媲美专业软件的压缩效果,文件大小可减少高达90%。
实时对比预览
采用左右分屏设计,用户可以通过拖动中间的分隔线直观对比压缩前后的画质差异,所见即所得。
本地处理保障隐私
所有图片处理均在用户浏览器本地完成,不上传任何服务器,确保数据安全。仅通过Google Analytics收集基础的访问数据。
高级参数调节
提供缩放、旋转、颜色量化、调色板调整等高级设置,用户可根据具体需求精细控制压缩效果。
命令行工具
提供Squoosh CLI,支持批量处理图片,可以集成到自动化构建流程中。
开发者友好
提供libSquoosh Node.js库和前端JavaScript库,方便开发者将压缩功能集成到自己的应用中。
跨平台桌面应用
除网页版外,社区还提供了Windows、macOS、Linux的桌面应用版本,实现离线使用。
应用场景
网页性能优化:网站开发者和SEO人员可以通过压缩图片显著提升页面加载速度,改善用户体验和搜索引擎排名。
邮件附件发送:压缩大尺寸图片,突破邮箱附件大小限制,方便发送多张高清照片。
电商商品图处理:电商卖家批量处理商品图片,在保证清晰度的同时减小体积,加快店铺页面加载。
设计工作交付:设计师在交付作品前压缩图片,减小文件体积方便传输,同时保持专业画质。
移动应用开发:开发者在构建移动应用时压缩资源图片,减小应用包体积,优化安装和加载速度。
个人照片管理:个人用户压缩手机照片,节省云盘和本地存储空间。
使用方法
在线网页版使用步骤:
第一步,打开官网 https://squoosh.app/ 点击上传区域或直接将图片拖拽到页面中。
第二步,图片上传后,工具自动生成压缩预览。左右分屏对比原图和压缩效果,拖动中间分隔线可以详细对比画质差异。
第三步,在右侧面板选择输出格式(JPEG、WebP、IF等),通过滑块调节质量参数。一般质量设为75-85能在文件大小和画质间取得较好平衡。
第四步,如需高级设置,可以展开Advanced settings进行缩放、旋转等调整。
第五步,确认效果满意后,点击下载按钮保存压缩后的图片。
命令行工具使用示例:
安装CLI工具后,可以使用命令批量处理图片,将当前目录所有JPG和PNG图片以80质量转为WebP并输出到指定文件夹。
开发者集成方式:
通过npm安装@squoosh/lib或@bit-blazer/squoosh,在项目中引入并初始化ImagePool,即可通过JavaScript API处理图片。
服务支持
定价模式:Squoosh免费,没有任何收费项目。它是一个开源项目,由Google Chrome团队维护。
隐私保护:所有图片处理在浏览器本地完成,不上传服务器。但Squoosh会使用Google Analytics收集基础访问数据,包括图片压缩前后的尺寸对比值。
开源社区:项目在GitHub上开源,欢迎社区贡献。目前已获得超过2.5万星标和2000次复刻。开发者可以通过提交Issue或Pull Request参与项目。
技术限制:在线版和桌面版不支持批量处理,每次只能处理一张图片。如需批量处理,可使用命令行工具或寻找社区维护的批处理方案。
浏览器兼容性:Squoosh主要针对现代浏览器优化,在Chrome等Chromium内核浏览器上体验。在注重隐私的浏览器(如LibreWolf)中需要手动授权Canvas权限才能正常使用。
| 源码反馈/咨询 (共有 条反馈) |
Squoosh常见问题
Squoosh是由Google开发的,具体来说是Google Chrome实验室团队的作品,于2018年首次发布。它是一个开源项目,代码托管在GitHub上,任何人都可以查看、使用和贡献代码。虽然大厂出品,但它免费,没有任何付费功能。
Squoosh是一个在线图片压缩工具,由Google推出,核心功能是帮你把图片文件变小,同时尽量保持画质不下降。它能压缩JPG、PNG、WebP、IF等格式,压缩率能达到90%。简单说,就是让你的图片"瘦身"但不"毁容"。
用起来很简单。打开官网https://squoosh.app/把图片拖进去或者点击上传。工具会自动生成压缩预览,你可以左右拖动对比画质变化。右侧可以选输出格式、调质量参数,一般调到75-85就够用。满意了直接点下载就行,整个流程很直观。
免费,没有任何收费项目,也不用注册账号。这是Google做的开源项目,不是商业产品,所以不会有会员或者订阅这些套路。
在隐私安全方面是比较可靠的。所有图片处理都在你自己的浏览器里完成,不会被上传到任何服务器。不过它用了Google Analytics收集一些基础数据,比如压缩前后的大小对比值,这些数据是匿名的,主要用于产品优化。如果你在意隐私,可以用浏览器的隐私模式访问。
在线网页版不支持批量处理,每次只能处理一张图片。Google做的这个工具定位是精细压缩,不是批量处理。如果你需要批量处理,可以试试它的命令行工具(Squoosh CLI),用命令行可以批量操作。或者找一些社区维护的批处理工具。
这个取决于你调的质量参数。Squoosh的好处是你可以实时对比压缩前后的效果,自己决定在文件大小和画质之间怎么平衡。一般网页用图调75-85%就够了,文件能小很多但画质肉眼看不太出区别。如果对画质要求特别高,可以调高参数或者选无损压缩模式。
在线工具地址是 https://squoosh.app/ 开源项目的GitHub地址是 https://github.com/GoogleChromeLabs/squoosh/ 里面有源码和开发文档。
支持的格式挺全的。输入支持JPEG、PNG、WebP、IF等常见格式。输出支持MozJPEG(优化的JPEG)、PNG、WebP、IF、JXL(JPEG XL)、OXIPNG等。基本覆盖了日常和网页开发会用到的所有格式。
如果你需要批量处理几十上百张图片,在线版不太合适,因为它每次只能处理一张。不过有个变通办法:使用Squoosh CLI命令行工具,可以一次性处理整个文件夹的图片。另外也可以用@squoosh/lib这个Node.js库写脚本批量处理。
两者都是压缩工具,但定位不太一样。Squoosh是Google做的开源工具,支持格式更多(WebP、IF这些现代格式都支持),参数调节更灵活,而且免费不限次数。TinyPNG是商业产品,每月有免费额度限制,超过要付费,但操作更傻瓜式。如果你追求免费、爱折腾参数、需要现代格式,选Squoosh;如果你追求省心、不想研究参数,可以选TinyPNG。
Squoosh的强项是压缩网页用图、博客配图、电商商品图这类需要平衡画质和文件大小的场景。对于摄影作品、设计稿这种对画质要求特别高的图片,Squoosh也提供了精细调节的能力,可以调到高画质模式再压缩。不过要注意,它不支持批处理,所以处理大量照片会比较耗时。
可以的。Squoosh本身是个PWA应用,你第一次访问后浏览器会缓存资源,之后即使断网也能打开使用。此外社区也提供了Windows、macOS、Linux的桌面应用版本,可以离线运行。如果网络不太稳定,用桌面版会更省心。
有的,而且功能还挺强大。Google提供了@squoosh/lib这个Node.js库,你可以在后端项目中调用它来压缩图片。社区还有前端版本的库(比如@bit-blazer/squoosh),可以直接在浏览器里用WebAssembly处理图片,不需要服务器参与。适合做个人工具站或者需要前端实时压缩图片的应用。