问题标签 [imagemin]

我在 MacOS 和 Windows 用户之间共享一个项目，随时使用我们运行 webpack（以前使用 gulp）进行生产的 JS 或 SCSS 文件进行更改。运行 webpack 后，未修改的图像文件大小不同。它们看起来相同，但二进制不同，导致 js 或 scss 文件中的最小更改被推送 200 多个图像。

我有一个应该从大图像创建缩略图的应用程序。所以我需要压缩图像，为此我使用包imagemin。

我从用户那里得到一个 base64 字符串的输入，然后在我的服务器上，我使用 Buffer.from( base64string , "base64") 对其进行转换。

问题是imagemin的输出根本没有被压缩。没有错误被抛出，但图像没有被压缩。尽管当我传递未触及的二进制数据（例如来自 image.jpg 文件）时它工作得很好，但似乎无法使用从base64 字符串转换的二进制数据。

我的代码：

请注意，在这段代码中，我正在读取一个包含图像的 base64 字符串的 .txt 文件，然后将其转换为二进制文件，以便可以在imagemin函数中使用它。这仅用于测试，在实际情况下，base64 字符串将由用户提供并通过 POST 请求发送到服务器。

对此有什么想法吗？

我根本不喜欢imagemin，如果有人指出更好的方法，我可以使用另一种解决方案。我要做的就是尽可能多地压缩图像而不使其无法识别，因此我可以创建将在博客“帖子目录”中使用的缩略图。

我需要从网络传输 jpg 格式的图像（在此处使用虚拟图像），然后将它们转换为 WebP。这是一次一次的对话（不是批量）

我有以下代码可以提取图像并将其成功保存为 .jpg。

下面是我卡住的地方。我正在尝试转换为 webp。本质上，imagemin 代码在创建 jpg 之前运行。

问题：

如何成功链接 webp 转换？

我是否需要编写一个 jpg 文件，然后将同一个文件读回 imagemin？我可以将缓冲区/var 传递给 imagemin 吗？会节省阅读和写作。

谢谢大佬！！

我正在做的是压缩从文件中获得的缓冲区并将压缩后的缓冲区再次写入内存。发生的情况是方形和矩形图像被正确压缩，但垂直图像被旋转。我可以将任何选项传递给 imageminJpegtran 插件，以便图像保持不变，只是压缩？这是我的代码：

我这个配置错了吗？我的期望image-minimizer-webpack-plugin是作为一个步骤，编译整个项目模块不正确吗？

此配置会导致所有测试的图像资产文件出现以下错误。图像文件仍然被压缩和发射；但是我不希望出现错误。

ERROR in Conflict: Multiple assets emit different content to the same filename ./imgs/[...]

上述这种无损配置不会导致此类错误。

我正在尝试在imagemin将图像上传到我的 S3 存储桶之前对其进行压缩。为此，我有以下代码：

虽然这可行，但我注意到图像的文件大小与原始图像完全相同 - 这让我相信正在上传原始图像，而不是压缩的图像。

我正在使用imagemin以最小化图像大小。

之后，我发现最小化的图像从纵向变为横向，这对我来说是出乎意料的。

有什么办法可以防止它旋转吗？

1. 在 Angular 中，我应该使用哪个 npm 包在构建时压缩图像（资产）并将其上传到服务器

TYIA

我有一个将图像转换为节点的脚本，但是在收到成功消息时遇到问题，但没有输出任何内容。

我在跑步

• 节点 v14.16.0
• imagemin v8
• imagemin-webp v6

我也尝试使用相对文件夹路径无济于事。这是在 Windows 10 上。

我正在尝试使用 Typescript 压缩 Node 14 中的图像并使用imagemin.

我拿了我在网上找到的例子并运行了代码，但似乎什么也没发生，它没有任何错误就完成了。输出也是空的。

imagemin 版本 7.0.1
节点 v14.15.4

我构建代码然后运行它，但输出只是一个空数组[]。此外，../compressed-images文件夹中没有任何内容。

请告知我如何解决这个问题。