问题标签 [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 投票
2 回答
111 浏览

javascript - gulp-image 最小压缩错误

我在下面运行 Gulp 管道。管道在终端中正常运行,并且图像输出到 /dist 文件夹中。这些图像的文件大小与 /src 完全相同。

终端输出(相关领域)

0 投票
0 回答
313 浏览

gulp - Gulp imagemin 打印错误,因为它不仅影响 .png 文件

Gulp imagemin 会打印错误,因为它会影响.svg文件和.png图像。

错误是:

Gulp 部分代码:

这个问题的解决方案是什么?我只想递归优化.png图像。

0 投票
1 回答
1437 浏览

gulp - 如何在服务工作者中缓存 webp 图像?

我正在通过以下代码使用 gulp 进行图像缩小和转换为 webp:

我在控制台中收到以下错误: 控制台错误

由于控制台错误指向服务工作人员,我是否需要对服务工作人员进行任何更改?

我尝试将扩展名更改为 webp 以获取 jpg 图像,但这也不起作用。我有几个疑问:

  • 为什么我只收到 jpg 图像的错误是因为这些图像是从 API 获取的?
  • 如何在 gulp 缩小和转换后处理服务工作者中缓存的所有图像格式?

请帮助解决这个问题,如果你能指出一些好的资源,我在这里很困惑,这将是很大的帮助!

编辑1:

更新了 serviceworker.js 代码 `

` gulp 任务成功运行和执行任务没有问题

[09:10:50] 使用 gulpfile gulpfile.js

[09:10:50] 开始“缩小图像”...

[09:10:51] gulp-imagemin:缩小 18 幅图像(节省 12.84 kB - 6.6%)

[09:10:51] 108 毫秒后完成“缩小图像”

镀铬标题

请求网址:http://localhost:8000/img/6

请求方法:GET 状态码:404 Not Found(来自 ServiceWorker)

远程地址:127.0.0.1:8000

推荐人政策:降级时无推荐人

连接:保持活动

内容长度:0

日期:格林威治标准时间 2018 年 11 月 16 日星期五 13:43:03

服务器:ecstatic-3.2.2 显示临时标头

参考:http://localhost:8000/

用户代理:Mozilla/5.0(Linux;Android 6.0;Nexus 5 Build/MRA58N)

AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Mobile Safari/537.36

0 投票
2 回答
1482 浏览

gulp - 如何优化通过 Netlify CMS 上传的图片?

我有一个 Hugo 网站,我正在使用 Netlify CMS 来管理内容。每次站点构建时,它都会运行一个 Gulp 任务,将图像从 src 文件夹优化到静态文件夹。但是,问题是,当我通过 CMS 上传图像时,它会将其存储在静态文件夹中。

那么,在管理员 config.yml 中,我应该将 media_folder 设置为 src/images 吗?

我的想法是该任务将运行并将新的缩小图像存储到静态文件夹中,但对吗?还是有其他方法可以做到这一点?

吞咽任务:

管理员配置.yml

0 投票
1 回答
21 浏览

gulp - Gulp since 或 'vinyl-filter-since' 的用法

我正在尝试构建一个简单的图像优化器,它只触发“自”7 天前添加的图像。目的是每个周末在网络服务器上运行它,以优化一周内添加的图像。

所以,到目前为止,我得到了这个:

该脚本现在在“images”文件夹中的所有图像上运行。我已经尝试在 gulp.src 上使用“since”选项,但没有成功。有人有什么建议吗?

谢谢!

0 投票
0 回答
149 浏览

javascript - gulp-tinypng 和 gulp-imagemin 都不优化 png

我想在我的 gulp 工作流程中添加一个 png 优化器。我已经尝试过 gulp-tinypng 和 gulp-imagemin。

我使用 gulp 4.0.0
以下是我的功能:

我使用 png 权重1002 Ko运行我的测试。

如果我使用网站tinypng,重量会下降到279 Ko

这两个函数运行平稳,没有错误,文件被复制到应该在的地方,但文件的重量没有减少。这就像它正在复制原始文件一样。

我很高兴在这里得到一些帮助,因为我不明白发生了什么。

0 投票
1 回答
739 浏览

gulp - 我从 gulp 收到错误 - JPEG 支持未编译

在此事件之前,我的开发没有问题。今天我不得不重新安装 Windows,之后我在 Windows 上安装了 ubuntu 终端。安装了 gulp、node、npm(在这个错误之后我尝试通过 yarn 启动项目)当我启动我的 gulp 项目时,任务没有完成。问题是我得到了如下错误:

如果从项目中删除 jpeg 图像,任务将很好地完成,并且 guld 将工作,但没有它们。我知道问题是我的 jpeg(已经在我的项目中)没有编译,但我不知道为什么,以及如何解决它。

我尝试重新安装需要编译 jpeg 的软件包,但这对我不起作用。

我知道这个问题是我的 jpeg(已经在我的项目中)没有编译,但我不知道为什么,以及如何解决它。

0 投票
1 回答
1251 浏览

javascript - 如何解决 Gulp 错误:imagemin.jpegtran 不是函数

每当我尝试使 imagemin 适用于任何类型的图像时,我都会收到此错误:

21:54:49] 开始“imgmin”...

[21:54:49] 'imgmin' 在 47 毫秒后出错

[21:54:49] 类型错误:imagemin.jpegtran 不是函数

我目前正在使用:

  • 节点版本 12.13.1
  • npm 版本 6.12.1
  • gulp cli 版本:2.2.0
  • 吞咽本地版本:4.0.2

这是我的 gulpfile.js:

我发现有人对 gifsicle 有同样的错误,并通过重新安装插件来修复它,但它对我不起作用。

0 投票
0 回答
275 浏览

node.js - 当我尝试缩小大量文件时,Gulp Imagemin“MaxBufferError:stdout maxBuffer exceeded”

MaxBufferError: stdout maxBuffer exceeded当我尝试缩小大量文件 (230) 时,Gulp Imagemin 错误。如果我一次缩小 40-50 个文件,它将运行任务。

如何增加缓冲区?还是停止任务中止?

节点版本 14.5,gulp 版本 4.0.2,gulp-imagemin 版本 7.1.0。

0 投票
1 回答
588 浏览

javascript - Resolve: "Unknown system error -86" error when installing imagemin-pngquant/imagemin-optipng on Apple Silicon (M1)

Here's the error:

Note: This is a purely native execution (no Rosetta translation).

Looks like there's an issue whenever a package needs to build a component in C.


Update 1.

I have created issues with the following repositories:

  1. pngquant-bin (imagemin-pngquant)
  2. optipng-bin (imagemin-optipng)
  3. mozjpeg (imagemin-mozjpeg)