问题标签 [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.
javascript - imagemin 错误 [TypeError: (input, output, opts) => {
当我使用 imagemin 得到如下错误时,我错过了什么吗?
javascript - Gulp imagemin dest.on 不是函数错误
我正在尝试使用 imagemin 缩小图像,但出现错误。无法理解我做错了什么。
这是我的 gulpfile
以及来自控制台的错误消息
javascript - gulp imagemin 破坏 SVG 掩码
我有一个像这样的 SVG 文件:
我正在使用 gulp-imagemin 压缩我的所有图像,包括 SVG。具体任务如下所示:
适用于我的大多数图像。但是对于上面的 SVG 文件,输出是:
请注意mask
已被删除(这是必不可少的)并且 id 已更改。有没有办法阻止这种情况发生,甚至可以用这个插件禁用 SVG 压缩?我查看了文档,但看不到方法。
javascript - 如何将缓冲区传递给 node.js 中的 imagemin 模块?
在较旧版本的 imagemin 中,我能够向模块传递一个缓冲区,如下所示:
在当前版本的 imagemin 中没有src函数,调用该模块将产生一个 Promise。
我找不到如何在较新版本的 imagemin 中获得相同的结果
可以完成还是取消了支持?
gulp - 如何使用 gulp-imagemin + 插件获得最佳的 PNG 压缩?
我正在尝试获得压缩 png 的最佳设置。
我发现这里有一些可用于 imagemin 的插件: https ://www.npmjs.com/browse/keyword/imageminplugin
我已经尝试了所有 PNG 选项,但压缩率似乎很差。
- 示例图像原始大小 - 1.4MB
- TinyPNG.com - 413KB
- pngquant - 541KB
- pngout - 无法让它工作 - 请参阅https://github.com/imagemin/imagemin-pngout/issues/2
- pngcrush - 992KB
- optipng(默认选项)- 906KB
- 广告素材 - 906KB
pngquant 似乎具有最高的压缩率,(显然是最差的质量)与 tinypng 相似的质量,但仍然可以更接近 tinypng 的图形。
基本上我有3个问题:
问题 1: 更改 advpng 和 optipng 的选项似乎不会改变文件大小,这是一个示例,我使用正确吗?我猜它可能根本没有使用我的设置并回退到默认设置?如果您注意到这两个的文件大小相同!:
问题 2: 我是否正确使用了“pngout”?有没有我不知道的使用方法?他们页面上的示例似乎不起作用,这种方法也不起作用:
问题3: 有没有更好的方法来处理png压缩我还没有找到?理想情况下,我想以某种方式获得一种具有 pngquant 速率的方法,但质量要好一些。
javascript - then 不是函数
我在我的 node.js 项目中运行以下代码。我需要“imagemin”和“imageminGifsicle”。我收到以下错误
}).then(files => { ^ TypeError: imagemin(...).then 不是函数
我以前没有在我的项目中使用过承诺吗?我是否需要包含它们才能使用 .then ?
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?
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)
node.js - 如何使用 imagemin 缓冲功能
我正在尝试使用 imagemin 缓冲区功能: https ://github.com/imagemin/imagemin
由于某种原因,它不起作用。有谁知道为什么?
gulp - Gulp 使用 imagemin 优化图像
我正在尝试使用 imagemin Gulp 优化我的图像
https://www.npmjs.com/package/gulp-image-optimization
我很难找到一个好的文档,它可以向我展示确切的参数和不同的选项。目前我的优化没有太多收获:
我错过了配置中的某些内容吗?