Squoosh谷歌开源在线图片压缩工具

Posted Xavier Jiezou

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Squoosh谷歌开源在线图片压缩工具相关的知识,希望对你有一定的参考价值。

简介

Squoosh是一个图像压缩 web 应用程序,通过多种格式减少图像大小。其功能特性如下:

  • 压缩:较小的图像意味着更快的加载时间。Squoosh 可以减少文件大小并保持高质量。
  • 简易:操作简单。打开图像,设置压缩参数,检查压缩前后图像的差异,最后保存即可。
  • 安全:没有隐私泄露的问题。图像不会被发送到服务器,其压缩过程是在本地浏览器进行的。

使用

squoosh.app(在线压缩)

  1. 打开Squoosh官网。

  1. 点击中间带加号的图标从本地选择待压缩的图像(或直接将本地图像拖拽到该位置)。

  1. 窗口右下角设置压缩选项,左右拖动正中间的双三角按钮可对比压缩前后的画质,如果觉得压缩后的大小还合适,而且图片质量也能接受,下载即可。


压缩前压缩后

Squoosh CLI(离线压缩)

如果有很多图片需要批量压缩的话,就不建议一张一张地上传到网站上进行处理了,这样太没效率了,推荐使用 Squoosh CLI 工具进行批压缩。

Squoosh CLI 可以通过命令行的方式运行 Squoosh web 应用程序上的所有编解码器。它使用工作池来并行处理图像,可以将同一个编解码器应用与多张图像。

Squoosh CLI 虽然不是目前最快的图像压缩工具,当然也不打算成为,但是它的速度足以同时压缩很多张图像。

安装

npm i -g @squoosh/cli

npx @squoosh/cli <options...>

用法

Usage: squoosh-cli [options] <files...>

Options:
  -V, --version                                          output the version number
  -d, --output-dir <dir>                                 Output directory (default: ".")
  -s, --suffix <suffix>                                  Append suffix to output files (default: "")
  --max-optimizer-rounds <rounds>                        Maximum number of compressions to use for auto optimizations (default: "6")
  --optimizer-butteraugli-target <butteraugli distance>  Target Butteraugli distance for auto optimizer (default: "1.4")
  --resize [config]                                      Resize the image before compressing
  --quant [config]                                       Reduce the number of colors used (aka. paletting)
  --rotate [config]                                      Rotate image
  --mozjpeg [config]                                     Use MozJPEG to generate a .jpg file with the given configuration
  --webp [config]                                        Use WebP to generate a .webp file with the given configuration
  --avif [config]                                        Use AVIF to generate a .avif file with the given configuration
  --jxl [config]                                         Use JPEG-XL to generate a .jxl file with the given configuration
  --wp2 [config]                                         Use WebP2 to generate a .wp2 file with the given configuration
  --oxipng [config]                                      Use OxiPNG to generate a .png file with the given configuration
  -h, --help                                             display help for command

示例

  1. 单图压缩
squoosh-cli --webp auto .\\test.png
  • --webp:选择编解码器类型为 webp
  • auto:编解码器的优化参数,auto 是自动优化的意思
  • .\\test.png:待压缩的图片

  1. 批量压缩
squoosh-cli --webp auto .\\logo\\ -d .\\output\\
  • .\\logo\\:待压缩的所有图片存放的文件夹
  • -d:指定压缩后图片的存放文件夹
  • .\\output\\:压缩后图片的存放文件夹

除使用 auto 参数自动配置编解码器的参数外,也可手动指定参数。不知道如何指定?Squoosh.app 其实直接提供了复制命令行的按钮,只需要先调整好参数,然后按下这个按钮,就可以了。

插画

【画师】Mauve 【P站ID】82756421

以上是关于Squoosh谷歌开源在线图片压缩工具的主要内容,如果未能解决你的问题,请参考以下文章

Squoosh 批量高质量压缩图片

Squoosh 批量高质量压缩图片

Squoosh 批量高质量压缩图片

Squoosh 批量高质量压缩图片

使用squoosh网的压缩方法实现浏览器前端压缩图片功能

PNG图片怎么压缩