问题标签 [gulp-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 回答
1137 浏览

node.js - 不能 npm install 'gulp-imagemin'

在一个新的 debian jessie ec2 实例上,我执行以下操作:

  • sudo apt-get 更新
  • sudo apt-get install curl -y
  • curl -sL https://deb.nodesource.com/setup_6.x | 须藤 -E bash -
  • sudo apt-get install -y nodejs
  • mkdir /tmp/real_node_modules
  • ln -s /tmp/real_node_modules node_modules
  • npm install 'gulp-imagemin'

然后我得到这个错误:

不用说,没有符号链接的节点模块文件夹,事情就可以工作,但是我想弄清楚的是,如果您有符号链接的节点模块文件夹,它们为什么不能工作。

0 投票
1 回答
1602 浏览

gulp-imagemin - gulp-imagemin 不使用插件选项

我无法让 gulp-imagemin 5.2.1 使用与默认值不同的插件。我需要压缩 jpeg,而不是默认 jpegtran 插件对其无损压缩所做的工作。我想尝试使用 imagemin-jpeg-recompress 5.1.0。这是我的吞咽任务:

当我运行它时,我得到的图像与我在压缩方式没有变化之前得到的图像完全相同。看起来它甚至没有看到“插件”选项,或者在 jpegRecompress 之后它仍在运行所有默认插件。我应该如何在我的 gulp 文件中调用 imagemin 插件?

注意:他们确实更改了“插件”选项。“插件”选项曾经被命名为“使用”。

0 投票
1 回答
749 浏览

gulp - Gulp imagemin - 只优化一张图片

此代码运行良好,它将优化文件夹中的所有图像,如果我需要使用gulp images. 但通常我只是这样做gulp watch,因此之前添加的所有图像都不需要重新优化。

那么,gulp 如何只优化刚刚添加到文件夹中的图像,而不是所有图像呢?

0 投票
1 回答
830 浏览

gulp - 什么 gulp-plugin 可用于将 jpg/png 转换为逐行/隔行扫描?

我正在使用 gulp-imagemin,但我不仅要缩小图像,还要使它们逐行/隔行扫描。可以使用什么工具来完成这项任务?

0 投票
1 回答
812 浏览

javascript - gulp-image 出现 ENOENT 错误

图像优化器库似乎存在错误。

同样的错误发生在gulp-image-min其他一些 gulp 插件上。

任何人都可以帮忙吗?

我的吞咽任务:

结果:

0 投票
1 回答
2035 浏览

gulp - 使用带有多个子目录的 gulp-image 或 Gulp-imagemin

我正在使用Gulp-image 插件atm(也尝试过 gulp-imagemin)。

我的 gulpfile.js 标记:

现在这是出错的地方:

它只获取目录中子目录中的所有图像:

有什么方法可以访问多级目录的图像而无需全部输入?

例如:

访问目录中的图像:

无需键入这样的内容?

我阅读了以下帖子

但在那里找不到答案。

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 投票
1 回答
303 浏览

gulp - gulp-imagemin 不接受选项

自从更新到 gulp-imagemin 的第 3 版后,我在运行任务时很难通过选项。我可以在文档中看到选项的语法已经改变,但是我对所描述的新语法没有运气。

这是我在 v2.4.0 中所做的工作:

我已升级到版本 3,并按照发行说明中的​​说明,将语法更改为以下内容:

但是,在运行任务时会引发错误:

参考错误:imagemin 未定义

我对 gulp 之类的东西还很陌生,所以我可能遗漏了一些相当明显的东西,但是我已经对语法进行了很多细微的更改,但都无济于事。任何人都可以帮忙吗?

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 投票
0 回答
244 浏览

javascript - 错误:在使用 ImageMagick 调整图像大小时生成 EACCES

我在上传图片时发现了以下错误。

"showStack":false,"stack":"错误:错误:在完成时生成 EACCES\n (/var/www/projects/mywebsite/dist/node_modules/gulp-gm/index.js:40:21)\n 在gm. (/var/www/projects/mywebsite/dist/node_modules/gulp-image-resize/node_modules/async/lib/async.js:485:30)\n 在 emitMany (events.js:127:13)\ n 在 gm.emit (events.js:201:7)\n
在通用汽车 (/var/www/projects/mywebsite/dist/node_modules/gm/lib/getters.js:70:16)\n 在 cb (/var/www/projects/mywebsite/dist/node_modules/gm/lib/command. js:322:16)\n 在 gm._spawn (/var/www/projects/mywebsite/dist/node_modules/gm/lib/command.js:226:14)\n 在 gm._exec (/var/www/ projects/mywebsite/dist/node_modules/gm/lib/command.js:190:17)\n 在 gm.proto.(匿名函数) [as size] (/var/www/projects/mywebsite/dist/node_modules/gm /lib/getters.js:68:12)\n 在 /var/www/projects/mywebsite/dist/node_modules/gulp-image-resize/index.js:46:16\n 在 fn (/var/www/ projects/mywebsite/dist/node_modules/gulp-image-resize/node_modules/async/lib/async.js:582:34)\n 立即。(/var/www/projects/mywebsite/dist/node_modules/gulp-image-resize/node_modules/async/lib/async.js:498:34)\n 在runCallback (timers.js:574:

我已经将文件夹权限更改为,755但仍然遇到错误。请帮助我如何解决该问题。

ng-file-upload用于文件上传。

客户端代码,