问题标签 [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.
node.js - 未应用 Imagemin.buffer() 压缩
我正在尝试在我的 nodejs 服务器上使用 imagemin.buffer() 和 'imagemin-mozjpeg' 插件。
我的目标是使用 axios(作为缓冲区)从 url 下载外部图像,使用 imagemin-mozjpeg(有损压缩)对其进行压缩,然后返回压缩后的图像缓冲区。
我的代码运行没有任何错误。但由于某种原因,返回的缓冲区与原始缓冲区相同(因此,由于某种原因未应用压缩)。
我的代码:
docker - 无法在 Alpine Linux 上构建 mozjpeg
我花了几个小时尝试不同的节点映像并安装不同的软件包,但没有任何帮助。在主机系统上,我在运行时似乎没有任何问题npm run dev
,但是在使用 Docker (Alpine Linux) 时,我得到以下输出:
我的 Dockerfile:
吞咽文件
包.json
码头工人-compose.yml
imagemin - imagemin - 返回空结果数组
我打电话如下:
但有时对于某些图像,resultsArray
返回是空的。这可能是什么原因?它总是发生在特定的图像上。
可能是由于我提供的压缩值吗?
请指教。
javascript - 您可以在构建时压缩角度图像资产吗?
我想要的是
我的资产中有非常大的图像,对于较慢的网络,这会大大降低网站的速度。(您可以在此灯塔链接页面上阅读有关该主题的更多信息)
- 我想在构建时压缩它们(
ng build --prod
)。 - 对于当地的发展,它是无关紧要的(
ng serve
)。 - 理想情况下,我想为不同的屏幕尺寸生成多个版本(
example.jpg
→ 应该变成:example_x265.jpg
,,example_x128.jpg
...)
我试过的
我找到的最有希望的指南是这里的指南,它描述了如何结合使用imagemin包和ngx-build-plus包。
不幸的是,在按照教程进行操作后,我收到以下错误:
有没有办法在构建时压缩资产图像?
注意:我不想知道如何将图像上传到第三方存储解决方案。
我特别想在构建时创建我的静态资产的压缩版本。
node.js - 节点 - 生成子进程时出现 ENOMEM 错误
我正在使用 has5120 CPU
和8192 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 中配置参数,因为部署是由其他人控制的。
请告诉我如何解决这个问题?
webpack - Webpack ImageMinimizerPlugin "imageminMinify" 功能不支持生成为 "jpg"
我已经将我的image-minimizer-webpack-plugin
包从版本 2 更新到了 3 并查看了他们的文档,我首先安装了imagemin
包,然后更新了我的webpack.config.js
. 在版本 2 中,我的配置文件中有以下内容:
这会引发以下错误。
选项具有未知属性“minimizerOptions”
查看他们的文档,我将其更改为:
现在我收到了这个警告:
“imageminMinify”功能不支持生成“jpg”。请使用“imageminGenerate”功能。
当我使用imageminGenerate
代替时imageminMinify
,图像(jpeg 文件)根本不会加载。知道我需要做什么/改变吗?提前致谢。
webpack - image-minimizer-webpack-plugin 生成器保留原件
当我在我的 webpack 中加载图像时,我想优化该图像并制作该图像的 webp。我使用带有最小化器和生成器选项的 image-minimizer-webpack-plugin,但它只生成 webp,原始版本被删除