问题标签 [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.
npm-scripts - 是否可以使用 imagemin-cli 并保持压缩文件的相同文件夹结构?
我正在尝试imagemin
使用 npm 脚本创建脚本并使用imagemin-cli
它。首先,我将文件复制到dist
(或.tmp
用于开发)文件夹,然后使用以下脚本压缩图像:
包.json
因此,当我运行这些脚本时,压缩后所有图像都放在文件夹images/
中。
有没有办法压缩图像并保持文件夹结构?也许与另一个插件或其他东西。
json - gulp-imagemin - 使用源作为动态目标
我试过环顾四周,但找不到任何我能理解的东西。当谈到 gulp 和其他东西时,我是一个新手,因为我主要使用它来自动化前端开发人员的一些任务,所以我设法让它与我需要的一些东西(sass、watch、浏览器)一起工作-sync),但我现在想将 imagemin 添加到我的 gulpfile.js 中,问题就来了。
我已经能够使其使用标准语法
我主要使用 WordPress,我想扫描整个/wp-content/uploads文件夹及其子文件夹,但问题是我无法定义特定的输出文件夹,因为 /uploads/ 包含许多按月排序的文件夹,并且每个月都会添加一个新的。我想扫描所有这些并优化里面的图像,然后用优化版本替换原始图像,而不在任何特定的预定义文件夹中创建副本。
抱歉这个愚蠢的问题,如果我自己能解决这个问题,我就不会问了,但我真的不知道该怎么做,希望你能理解。
非常感谢!
gulp - Imagemin 不足以获得谷歌页面速度洞察力?
我使用 gulp-imagemin 有一段时间了,但几个月前我注意到我的压缩图像无法满足谷歌页面的速度。我尝试了所有设置组合,但没有结果。还尝试了 imagemin-cli 和直接 jpegtran - 同样,在大图像上它提供 2-5% 的压缩率,而 tinyfy 提供 50% 的压缩率。当我使用一些云优化器(tinify)时,它会提供正确的压缩。
我当前的 gulp 任务如下所示:
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 图像,我缺少什么?
webpack - WebPack 条目是否必须是 JavaScript 文件
当您使用 WebPack 时,您通常必须为 .js 文件设置一个入口点。这是一个要求吗?我有两种情况:
- 我想将 .scss 转换为 .css 文件。
- 我想使用 imagemin 缩小图像。
我没有或不需要任何 JavaScript。如何使用 WebPack 实现这一点?这甚至是正确的工具吗?我过去曾使用 Gulp 完成此操作。require
WebPack 是否仅在您从 JavaScript 文件中获取图像和 CSS时才有意义?
javascript - Imagemin svgo 删除路径
我有带有两个“路径”标签的 SVG 图标。使用 imagemin.svgo imagemin 构建后,删除此“路径”之一,我的图标看起来很糟糕。我怎样才能解决这个问题?
这是我的选择。
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: 找不到命令
在命令行中。做了很多研究。似乎没有任何帮助。你能分享你对此的想法吗?
谢谢,
npm-scripts - 如何使用 imagemin-cli 设置 jpeg 质量?
我正在尝试使用 imagemin 压缩 npm 任务中的图像。我可以使用以下方法稍微压缩图像:
但我在 imagemin-cli 文档中找不到任何关于如何传递选项来设置压缩量的内容。
node.js - 如何使用压缩图像?
如何使用压缩图像?
https://www.npmjs.com/package/compress-images
GIF 图像是 - 4.1mb
;
GIF 图像变成了 - 4.2mb
;
压缩后的 gif 图像比以前更大。为什么?
我尝试:
gulp-imagemin - Gulp-imagemin:如何保存 EXIF?
有没有办法保存 EXIF 等元数据?我一直无法找到这个选项。