问题标签 [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.
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'
然后我得到这个错误:
不用说,没有符号链接的节点模块文件夹,事情就可以工作,但是我想弄清楚的是,如果您有符号链接的节点模块文件夹,它们为什么不能工作。
gulp-imagemin - gulp-imagemin 不使用插件选项
我无法让 gulp-imagemin 5.2.1 使用与默认值不同的插件。我需要压缩 jpeg,而不是默认 jpegtran 插件对其无损压缩所做的工作。我想尝试使用 imagemin-jpeg-recompress 5.1.0。这是我的吞咽任务:
当我运行它时,我得到的图像与我在压缩方式没有变化之前得到的图像完全相同。看起来它甚至没有看到“插件”选项,或者在 jpegRecompress 之后它仍在运行所有默认插件。我应该如何在我的 gulp 文件中调用 imagemin 插件?
注意:他们确实更改了“插件”选项。“插件”选项曾经被命名为“使用”。
gulp - Gulp imagemin - 只优化一张图片
此代码运行良好,它将优化文件夹中的所有图像,如果我需要使用gulp images
. 但通常我只是这样做gulp watch
,因此之前添加的所有图像都不需要重新优化。
那么,gulp 如何只优化刚刚添加到文件夹中的图像,而不是所有图像呢?
gulp - 什么 gulp-plugin 可用于将 jpg/png 转换为逐行/隔行扫描?
我正在使用 gulp-imagemin,但我不仅要缩小图像,还要使它们逐行/隔行扫描。可以使用什么工具来完成这项任务?
javascript - gulp-image 出现 ENOENT 错误
图像优化器库似乎存在错误。
同样的错误发生在gulp-image-min
其他一些 gulp 插件上。
任何人都可以帮忙吗?
我的吞咽任务:
结果:
gulp - 使用带有多个子目录的 gulp-image 或 Gulp-imagemin
我正在使用Gulp-image 插件atm(也尝试过 gulp-imagemin)。
我的 gulpfile.js 标记:
现在这是出错的地方:
它只获取目录中子目录中的所有图像:
有什么方法可以访问多级目录的图像而无需全部输入?
例如:
访问目录中的图像:
无需键入这样的内容?
我阅读了以下帖子
但在那里找不到答案。
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 速率的方法,但质量要好一些。
gulp - gulp-imagemin 不接受选项
自从更新到 gulp-imagemin 的第 3 版后,我在运行任务时很难通过选项。我可以在文档中看到选项的语法已经改变,但是我对所描述的新语法没有运气。
这是我在 v2.4.0 中所做的工作:
我已升级到版本 3,并按照发行说明中的说明,将语法更改为以下内容:
但是,在运行任务时会引发错误:
参考错误:imagemin 未定义
我对 gulp 之类的东西还很陌生,所以我可能遗漏了一些相当明显的东西,但是我已经对语法进行了很多细微的更改,但都无济于事。任何人都可以帮忙吗?
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)
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
用于文件上传。
客户端代码,