面向 Web 开发人员的图像压缩工具

2023-09-25

前端

大约 467 个字，5 张图片

网页 / PWA

https://tinypng.com

针对 .png 图像的最佳压缩工具。

TinyPNGTinyPNG

需要注意的是，图像将被上传到tinypng的服务器。

https://squoosh.app

Squoosh 由 Google Chome Lab 团队开发，一旦加载即可完全离线运行。通过 WebAssembly 集成，支持多种解码器/编码器。

SquooshSquoosh

另外，您还可以自定义压缩选项，非常方便。

Squoosh SettingsSquoosh Settings

CLI

imagemin-cli

$ imagemin --help

  Usage
    $ imagemin <path|glob> ... --out-dir=build [--plugin=<name> ...]
    $ imagemin <file> > <output>
    $ cat <file> | imagemin > <output>

  Options
    --plugin, -p   Override the default plugins
    --out-dir, -o  Output directory

  Examples
    $ imagemin images/* --out-dir=build
    $ imagemin foo.png > foo-optimized.png
    $ cat foo.png | imagemin > foo-optimized.png
    $ imagemin foo.png --plugin=pngquant > foo-optimized.png
    $ imagemin foo.png --plugin.pngquant.quality=0.1 --plugin.pngquant.quality=0.2 > foo-optimized.png
    # Non-Windows platforms may support the short CLI syntax for array arguments
    $ imagemin foo.png --plugin.pngquant.quality={0.1,0.2} > foo-optimized.png
    $ imagemin foo.png --plugin.webp.quality=95 --plugin.webp.preset=icon > foo-icon.webp

要使用不同的解码器/编码器，您需要安装相应的插件。
其默认插件设置为：

default: [
  'gifsicle',
  'jpegtran',
  'optipng',
  'svgo',
],

查看可用的插件

使用示例：

此命令会缩小当前目录中的图像，并将压缩后的图像保存到名为 compressed 的新目录中

1	imagemin ./* --out-dir=compressed

If you just want to replace your current files with compressed ones, try this

1	imagemin ./* --out-dir=compressed && mv -f compressed/* . && rm -rf compressed

App

ImageSmith(Mac)

简单但有效！它在本地运行压缩。

Image SmithImage Smith

zipic(Mac)

它是免费的！需要 macOS 13.0 或更高版本。

zipiczipic

#工具