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

node.js - 未应用 Imagemin.buffer() 压缩

我正在尝试在我的 nodejs 服务器上使用 imagemin.buffer() 和 'imagemin-mozjpeg' 插件。

我的目标是使用 axios(作为缓冲区)从 url 下载外部图像,使用 imagemin-mozjpeg(有损压缩)对其进行压缩,然后返回压缩后的图像缓冲区。

我的代码运行没有任何错误。但由于某种原因,返回的缓冲区与原始缓冲区相同(因此,由于某种原因未应用压缩)。

我的代码:

0 投票
1 回答
303 浏览

docker - 无法在 Alpine Linux 上构建 mozjpeg

我花了几个小时尝试不同的节点映像并安装不同的软件包,但没有任何帮助。在主机系统上,我在运行时似乎没有任何问题npm run dev,但是在使用 Docker (Alpine Linux) 时,我得到以下输出:

我的 Dockerfile:

吞咽文件

包.json

码头工人-compose.yml

0 投票
0 回答
15 浏览

imagemin - imagemin - 返回空结果数组

我打电话如下:

但有时对于某些图像,resultsArray返回是空的。这可能是什么原因?它总是发生在特定的图像上。

可能是由于我提供的压缩值吗?

请指教。

0 投票
3 回答
215 浏览

javascript - 您可以在构建时压缩角度图像资产吗?

我想要的是

我的资产中有非常大的图像,对于较慢的网络,这会大大降低网站的速度。(您可以在此灯塔链接页面上阅读有关该主题的更多信息

  • 我想在构建时压缩它们(ng build --prod)。
  • 对于当地的发展,它是无关紧要的(ng serve)。
  • 理想情况下,我想为不同的屏幕尺寸生成多个版本(example.jpg→ 应该变成:example_x265.jpg,,example_x128.jpg...)

我试过的

我找到的最有希望的指南是这里的指南,它描述了如何结合使用imagemin包和ngx-build-plus包。

不幸的是,在按照教程进行操作后,我收到以下错误:

有没有办法在构建时压缩资产图像?

注意:我不想知道如何将图像上传到第三方存储解决方案。
我特别想在构建时创建我的静态资产的压缩版本。

0 投票
1 回答
108 浏览

node.js - 节点 - 生成子进程时出现 ENOMEM 错误

我正在使用 has5120 CPU8192 Memory. 有时在重负载下运行时(使用 S3 压缩大量图像imagemin或使用 S3 同步将文件从 S3 复制到本地计算机)我会收到ENOMEM错误消息。

这会导致 ECS 实例崩溃。

S3 同步命令通过 child_process spawn 执行,而 imagemin 包还生成一个子进程以压缩图像。 两个错误都显示在下面

在此处输入图像描述

我尝试增加 ECS 资源并添加自定义-max-old-space-size,但没有帮助。

我看到了这篇文章 - Node.js catch ENOMEM error throw after spawn

但是我无法--memory-swap在 docker 中配置参数,因为部署是由其他人控制的。

请告诉我如何解决这个问题?

0 投票
0 回答
97 浏览

webpack - Webpack ImageMinimizerPlugin "imageminMinify" 功能不支持生成为 "jpg"

我已经将我的image-minimizer-webpack-plugin包从版本 2 更新到了 3 并查看了他们的文档,我首先安装了imagemin包,然后更新了我的webpack.config.js. 在版本 2 中,我的配置文件中有以下内容:

这会引发以下错误。

选项具有未知属性“minimizerOptions”

查看他们的文档,我将其更改为:

现在我收到了这个警告:

“imageminMinify”功能不支持生成“jpg”。请使用“imageminGenerate”功能。

当我使用imageminGenerate代替时imageminMinify,图像(jpeg 文件)根本不会加载。知道我需要做什么/改变吗?提前致谢。

0 投票
0 回答
17 浏览

webpack - image-minimizer-webpack-plugin 生成器保留原件

当我在我的 webpack 中加载图像时,我想优化该图像并制作该图像的 webp。我使用带有最小化器和生成器选项的 image-minimizer-webpack-plugin,但它只生成 webp,原始版本被删除