问题标签 [gulp-imagemin]

是否可以让gulp-image-resize吐出多个图像，例如 @1x 和 @2x 图像。我的 gulp 任务目前看起来像这样：

但它只是将一个名为test@2x.jpg960px 宽度的图像放入我的目标目录中。

有没有办法保存两个图像。一个叫test.jpg960px，一个叫test@2x.jpg1920px？

任何帮助表示赞赏。提前致谢！

我只是在尝试使用 Gulp 来简单地优化图像。我发现imagemin-jpeg-recompress比gulp-imagemin附带的默认优化器更能减少 JPG 。我想知道是否有一种方法可以使用gulp-imagemin但将jpegtran插件换成imagemin-jpeg-recompress.

我似乎找不到任何关于这如何协同工作的详细文档。

我正在gulp与gulp-imagemin一些图像优化工作一起使用。gulp watch一旦我：

1. 将新图像添加到图像源文件夹
2. 删除图像源文件夹中的图像

到目前为止，第一个效果很好，当添加新图像时，gulp 会运行任务并压缩该新图像；但是，当我删除图像时，gulp 似乎没有做任何事情。我在这里缺少插件或某些设置吗？

请看我的gulpfile下面：

正如标题所说，有没有办法做到这一点gulp？我需要多个图像包含在多个picture或img srcset属性中。这将仅适用于现场资产（意味着，不是用户上传的图片）。

我想创建 2 个其他图像，一个用于平板电脑，一个用于移动设备，使用gulp-copy，但可能不推荐。我假设移动显示将在 320px-500px（宽度）和平板电脑的 500-1000px（宽度）之间。

我的策略是首先优化图像，将该图像作为主图像，然后生成另外 2 个图像，所以我总是假设我的源图像将用于桌面（显示宽度 > 1000 像素）。<--如果有一项任务我可以传递参数以假设它是其他显示器，那就更好了

我的另一个挑战是height图像，我没有每个显示器的标准（而且很难制定）。因此，如果我假设 100 像素 x 800 像素的图像是桌面图像，我不知道如何为移动设备和平板电脑计算它。

有没有人曾经这样做过？在 gulp 中调整图像分辨率？

已解决：与gulp-responsive-images

我可以在 gulp-watch 中使用 gulp-imagemin 插件吗？因此，我需要在将图像放入文件夹后立即对其进行优化。

这是我的 gulpfile.js 的一部分：

我正在尝试执行 gulp 任务，但出现此错误：

它并没有说明错误本身，所以我安装了“superstack”并得到了这个：

知道为什么我会收到此错误吗？我能做些什么来修复它？

非常感谢！

编辑：

这是我正在尝试运行的任务。

半年过去了，我一直在使用这个 gulpfile.js（如下所示），它运行良好。现在，在 Windows 8.1 64bit 上，我无法让它从几个小时内正常工作。我在 Firefox 中使用 LiveReload 来查看 RealTime 和 Growl 中的更改以获取它已更改的通知。

整个源代码是：

现在，我注意到我需要更改这些行

至

符合ver3。吞咽（或吞咽通知？），但它仍然没有解决它。

我的问题是，目前我无法让脚本像以前一样工作，注意到 main.sass 中的更改并将该文件压缩为 .css 文件，并且还注意到我是否放置了图像/js 文件并移动它们因此。图片部分并不那么重要，但 SASS 才是。它应该相应地把它放在 /compiled/css 或 /compiled/images 中。

每次我尝试更改和保存 sass 文件时，都会得到以下信息：

当然，我尝试更改路径，尝试直接在函数中使用路径而不是传递变量，但无济于事。有什么建议么？我现在已经挣扎了 4 个小时，我确实设法让它在某种程度上工作，但我不得不删除很多功能并每次都重新启动 gulp。我也无法让图像“缩小”。

当我运行gulp命令时，我收到以下错误：

当我imagemin从gulpfile.js

错误消失了，所有其他任务都没有错误地执行，但是当然，图像没有被缩小。

我在最新版本的 OSX Captain 上运行。

这个问题的原因可能是什么？

我有一组 ~18,000 个 jpg 文件需要优化/重新压缩。

我尝试了几乎所有的 gulp 图像优化插件，并且每个插件在某些时候都会给出一个错误，并且没有建议是什么文件是它的原因。以下是gulp-image-resize结尾：

这是gulp-gm蓝屏：

gulp-responsive：

gulp-sharp-resize：

美丽的！我将整理我所有的 18,000 张图像，并希望能找出“不支持的图像格式”的图像。留下来，我马上回来。
现在来了imagemin-jpeg-recompress：

你明白了……

gulp-imagemin错误也停止。

我试图求助于桌面 mac 应用程序 ImageOptim（它在设置的深处有“有损”），但在真正巨大的图像集上，由于内部错误，它会在中间的某个时间静默停止处理。

无论如何，我想保留 gulp 工作流程。

我正在使用NPM构建我的项目，安装过程挂起。

我已经将它缩小到gulp 的 gulp-imagemin模块。

如果我跑

npm install gulp-imagemin@2.3.0

它挂在大约 5 分钟标记处。

如果我执行“npm install --verbose”，我会得到大量输出，最终它会挂起：

生命周期中的 npm 动词 unsafe-perm true npm info postinstall utf-8-validate@1.2.1 npm 动词解锁使用 C:\Users\watkins\AppData\Roaming\npm-cache_locks\utf-8-validate-d0ec860f08ac7b2c.lock 完成D:\dev\ngs-frontend-next\node_modules\browser-sync\node_modules\socket.io\node_modules\engine.io\node_modules\ws\node_modules\utf-8-validate

jpegtran-bin@3.0.6 安装后 D:\dev\ngs-frontend-next\node_modules\gulp-imagemin\node_modules\imagemin\node_modules\imagemin-jpegtran\node_modules\jpegtran-bin 节点 lib/install.js

这与 gulp-imagemin 有关吗？

我将如何解决这个问题？