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

npm-scripts - 是否可以使用 imagemin-cli 并保持压缩文件的相同文件夹结构?

我正在尝试imagemin使用 npm 脚本创建脚本并使用imagemin-cli它。首先,我将文件复制到dist(或.tmp用于开发)文件夹,然后使用以下脚本压缩图像:

包.json

因此,当我运行这些脚本时,压缩后所有图像都放在文件夹images/中。

有没有办法压缩图像并保持文件夹结构?也许与另一个插件或其他东西。

0 投票
1 回答
470 浏览

json - gulp-imagemin - 使用源作为动态目标

我试过环顾四周,但找不到任何我能理解的东西。当谈到 gulp 和其他东西时,我是一个新手,因为我主要使用它来自动化前端开发人员的一些任务,所以我设法让它与我需要的一些东西(sass、watch、浏览器)一起工作-sync),但我现在想将 imagemin 添加到我的 gulpfile.js 中,问题就来了。

我已经能够使其使用标准语法

我主要使用 WordPress,我想扫描整个/wp-content/uploads文件夹及其子文件夹,但问题是我无法定义特定的输出文件夹,因为 /uploads/ 包含许多按月排序的文件夹,并且每个月都会添加一个新的。我想扫描所有这些并优化里面的图像,然后用优化版本替换原始图像,而不在任何特定的预定义文件夹中创建副本。

抱歉这个愚蠢的问题,如果我自己能解决这个问题,我就不会问了,但我真的不知道该怎么做,希望你能理解。

非常感谢!

0 投票
2 回答
1424 浏览

gulp - Imagemin 不足以获得谷歌页面速度洞察力?

我使用 gulp-imagemin 有一段时间了,但几个月前我注意到我的压缩图像无法满足谷歌页面的速度。我尝试了所有设置组合,但没有结果。还尝试了 imagemin-cli 和直接 jpegtran - 同样,在大图像上它提供 2-5% 的压缩率,而 tinyfy 提供 50% 的压缩率。当我使用一些云优化器(tinify)时,它会提供正确的压缩。

我当前的 gulp 任务如下所示:

0 投票
1 回答
146 浏览

ember.js - ember-cli-imagemin lossyPNG ImageMin.pngquant 不是函数

我正在尝试在ember-cli-imagmin插件中启用 lossyPNG 属性,以为我的 .pngs 创建一个小文件。我在 ember-cli-build.js 中的 EmberApp 包含 imagemin,如下所示:

我的 package.json 中的依赖对象包括:

但是,每当我运行 ember build 时,都会出现以下错误:

此错误将我指向broccoli-imagemin 中的这一行。如果我在 ember-cli-build.js 中将 lossyPNG 设置为 false,那么我不会收到任何错误,但我的 png 可以根据 pagespeed 的结果进一步优化。能够使用 pngquant 进一步优化我的 png 图像,我缺少什么?

0 投票
2 回答
517 浏览

webpack - WebPack 条目是否必须是 JavaScript 文件

当您使用 WebPack 时,您通常必须为 .js 文件设置一个入口点。这是一个要求吗?我有两种情况:

  1. 我想将 .scss 转换为 .css 文件。
  2. 我想使用 imagemin 缩小图像。

我没有或不需要任何 JavaScript。如何使用 WebPack 实现这一点?这甚至是正确的工具吗?我过去曾使用 Gulp 完成此操作。requireWebPack 是否仅在您从 JavaScript 文件中获取图像和 CSS时才有意义?

0 投票
1 回答
470 浏览

javascript - Imagemin svgo 删除路径

我有带有两个“路径”标签的 SVG 图标。使用 imagemin.svgo imagemin 构建后,删除此“路径”之一,我的图标看起来很糟糕。我怎样才能解决这个问题?

这是我的选择。

0 投票
1 回答
836 浏览

image - npm Guetzli 不工作

我正在尝试做 npm install guetzli。但总是说错

/Users/annah/Downloads/helloworldGoogle/node_modules/guetzli/vendor/guetzli` 二进制文件似乎无法正常工作  
⚠ guetzli 预构建测试失败  
ℹ 从源代码编译✖ 错误:mkdir -p

/Users/annah/Downloads/helloworldGoogle/node_modules/guetzli/vendor && make && mv bin/Release/guetzli

/Users/annah/Downloads/helloworldGoogle/node_modules/guetzli/vendor/guetzli 命令失败:make && mv bin/Release/guetzli

/Users/annah/Downloads/helloworldGoogle/node_modules/guetzli/vendor/guetzli /bin/sh: pkg-config: 找不到命令

在命令行中。做了很多研究。似乎没有任何帮助。你能分享你对此的想法吗?

谢谢,

0 投票
1 回答
1429 浏览

npm-scripts - 如何使用 imagemin-cli 设置 jpeg 质量?

我正在尝试使用 imagemin 压缩 npm 任务中的图像。我可以使用以下方法稍微压缩图像:

但我在 imagemin-cli 文档中找不到任何关于如何传递选项来设置压缩量的内容。

0 投票
1 回答
587 浏览

node.js - 如何使用压缩图像?

如何使用压缩图像?

https://www.npmjs.com/package/compress-images

GIF 图像是 - 4.1mb;

GIF 图像变成了 - 4.2mb;

压缩后的 gif 图像比以前更大。为什么?

我尝试:

0 投票
1 回答
467 浏览

gulp-imagemin - Gulp-imagemin:如何保存 EXIF?

有没有办法保存 EXIF 等元数据?我一直无法找到这个选项。