问题标签 [imagemin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
341 浏览

javascript - imagemin 错误 [TypeError: (input, output, opts) => {

当我使用 imagemin 得到如下错误时,我错过了什么吗?

0 投票
1 回答
3081 浏览

javascript - Gulp imagemin dest.on 不是函数错误

我正在尝试使用 imagemin 缩小图像,但出现错误。无法理解我做错了什么。

这是我的 gulpfile

以及来自控制台的错误消息

0 投票
1 回答
1396 浏览

javascript - gulp imagemin 破坏 SVG 掩码

我有一个像这样的 SVG 文件:

我正在使用 gulp-imagemin 压缩我的所有图像,包括 SVG。具体任务如下所示:

适用于我的大多数图像。但是对于上面的 SVG 文件,输出是:

请注意mask已被删除(这是必不可少的)并且 id 已更改。有没有办法阻止这种情况发生,甚至可以用这个插件禁用 SVG 压缩?我查看了文档,但看不到方法。

0 投票
2 回答
2327 浏览

javascript - 如何将缓冲区传递给 node.js 中的 imagemin 模块?

在较旧版本的 imagemin 中,我能够向模块传递一个缓冲区,如下所示:

在当前版本的 imagemin 中没有src函数,调用该模块将产生一个 Promise。

我找不到如何在较新版本的 imagemin 中获得相同的结果

可以完成还是取消了支持?

0 投票
1 回答
5334 浏览

gulp - 如何使用 gulp-imagemin + 插件获得最佳的 PNG 压缩?

我正在尝试获得压缩 png 的最佳设置。

我发现这里有一些可用于 imagemin 的插件: https ://www.npmjs.com/browse/keyword/imageminplugin

我已经尝试了所有 PNG 选项,但压缩率似乎很差。

pngquant 似乎具有最高的压缩率,(显然是最差的质量)与 tinypng 相似的质量,但仍然可以更接近 tinypng 的图形。

基本上我有3个问题:

问题 1: 更改 advpng 和 optipng 的选项似乎不会改变文件大小,这是一个示例,我使用正确吗?我猜它可能根本没有使用我的设置并回退到默认设置?如果您注意到这两个的文件大小相同!:

问题 2: 我是否正确使用了“pngout”?有没有我不知道的使用方法?他们页面上的示例似乎不起作用,这种方法也不起作用:

问题3: 有没有更好的方法来处理png压缩我还没有找到?理想情况下,我想以某种方式获得一种具有 pngquant 速率的方法,但质量要好一些。

0 投票
2 回答
1453 浏览

javascript - then 不是函数

我在我的 node.js 项目中运行以下代码。我需要“imagemin”和“imageminGifsicle”。我收到以下错误

}).then(files => { ^ TypeError: imagemin(...).then 不是函数

我以前没有在我的项目中使用过承诺吗?我是否需要包含它们才能使用 .then ?

0 投票
1 回答
4249 浏览

node.js - 如何使用 imagemin 压缩图像和 busboy

我想使用以下库来压缩图像 https://github.com/imagemin/imagemin

问题是当用户使用表单上传时,如何将表单中的文件详细信息插入到图像最小插件中?例如,如果文件表单字段调用 example-image,我如何将该文件表单字段插入 image min 插件,以便它可以压缩图像?

我试过:

req 来自 express/nodejs req

但问题是我宁愿有一个可以上传到 S3 的文件缓冲区。我不想将文件放到 build/images 文件夹中。我想为文件获取一个缓冲区,压缩它,然后将该缓冲区上传到 s3。如何使用 image min 通过 html 表单获取文件上传的缓冲区并将其上传到 s3?

0 投票
1 回答
401 浏览

gulp - gulp-image-optimization build 给出错误

我的节点和 Npm 版本如下

节点 v6.9.1 npm v3.10.9

我的代码是

当我进行 gulp build 时,它会引发错误

内部/child_process.js:289 var err = this._handle.spawn(options); ^

TypeError:在 Imagemin._optimizeJpeg (/Users/sureshraju/xxx/Wps) 的 Export.spawn (child_process.js:380:9) 的 ChildProcess.spawn (internal/child_process.js:289:26) 的 TypeError (native) 参数错误/web-pres/node_modules/image-min/imagemin.js:126:12) 在 Imagemin.optimize (/Users/sureshraju/xxxx/Wps/web-pres/node_modules/image-min/imagemin.js:57:26 ) 在 module.exports (/Users/sureshraju/xxxx/Wps/web-pres/node_modules/image-min/imagemin.js:179:21) 在 /Users/sureshraju/xxxx/Wps/web-pres/node_modules/gulp -image-optimization/index.js:38:17 在 FSReqWrap.oncomplete (fs.js:123:15)

0 投票
1 回答
3721 浏览

node.js - 如何使用 imagemin 缓冲功能

我正在尝试使用 imagemin 缓冲区功能: https ://github.com/imagemin/imagemin

由于某种原因,它不起作用。有谁知道为什么?

0 投票
1 回答
2098 浏览

gulp - Gulp 使用 imagemin 优化图像

我正在尝试使用 imagemin Gulp 优化我的图像

https://www.npmjs.com/package/gulp-image-optimization

我很难找到一个好的文档,它可以向我展示确切的参数和不同的选项。目前我的优化没有太多收获:

我错过了配置中的某些内容吗?