Web Analytics

optimizt

⭐ 164 stars Simplified Chinese by 343dev

@343dev/optimizt

Optimizt 标志:OK 手势,中指和拇指之间夹着蒙娜丽莎图像

npm Docker

Optimizt 是一个命令行工具,帮助为网页准备图片。

它可以有损或无损压缩 PNG、JPEG、GIF 和 SVG,并为光栅图像创建 AVIF 和 WebP 版本。

理由

作为前端开发者,我们必须关注图片:压缩 PNG 和 JPEG,去除无用的 SVG 部分,为现代浏览器创建 AVIF 和 WebP,等等。有一天,我们厌倦了使用一堆应用程序来完成这些工作,于是创建了一个满足我们所有需求的工具。

使用方法

安装:

npm install -g @343dev/optimizt
优化!

optimizt path/to/picture.jpg

命令行参数

使用示例

# optimize a single image
optimizt path/to/picture.jpg

optimize multiple images losslessly

optimizt --lossless path/to/picture.jpg path/to/another/picture.png

recursively create AVIF and WebP versions for all images in a directory

optimizt --avif --webp path/to/directory

recursively optimize JPEG files in the current directory

find . -iname \*.jpg -exec optimizt {} +

有损与无损的区别

有损(默认)

在文件大小减小与视觉质量损失最小之间提供最佳平衡。

无损(--lossless 标志)

配置

图像处理利用:

> [!注意]
JPEG 的无损模式使用 Guetzli。重复优化可能会降低视觉质量。

默认设置定义在 .optimiztrc.cjs 中,包含所有支持的参数。可通过将参数设置为 false 来禁用。

使用 --config path/to/.optimiztrc.cjs 时,将使用指定的配置文件。若未提供 --config,Optimizt 会从当前目录向上递归查找 .optimiztrc.cjs。若未找到,则应用默认设置。

故障排除

出现 “spawn guetzli ENOENT” 错误。

确保禁用了 ignore-scripts npm 选项。 详情见:funbox/optimizt/issues/9

Docker

预构建镜像

# pull latest
docker pull 343dev/optimizt

pull specific version

docker pull 343dev/optimizt:9.0.2

手动构建

# clone repository
git clone https://github.com/343dev/optimizt.git
cd optimizt

build image

docker build --tag 343dev/optimizt .

或者:

# build directly from GitHub

ignores .dockerignore (see: https://github.com/docker/cli/issues/2827)

docker build --tag 343dev/optimizt https://github.com/343dev/optimizt.git

运行容器

# mount current directory to /src in the container
docker run --rm --volume $(pwd):/src 343dev/optimizt --webp ./image.png

集成

Optimizt 无缝支持:

文章

致谢

项目的可爱图片由 Igor Garybaldi 制作。

--- Tranlated By Open Ai Tx | Last indexed: 2026-04-07 ---