优化图像以适合最大文件大小

Question

我需要创建一个简单的应用程序，该应用程序允许我将图像拖到其上并将其优化为 以下 的图像。 >

我目前在Photoshop中有一个漫长的过程，必须一次保存多张图像，然后重新打开每个图像，然后以正确的文件大小导出。尺寸始终相同。因此300x300始终会低于40kbs，而100x600始终会低于35kbs。

即使我通过Photoshop以完全相同的方式运行图像。我只是希望能够有一个更快/自动化的过程，但是在查找过程中遇到了很多麻烦。

有什么想法吗？

先谢谢了。

注意：我不想仅更改文件大小（kbs）来更改图像大小（尺寸）。

Answer 1

您可以使用 ImageMagick 来做到这一点，该软件安装在大多数Linux发行版中，并且可用于macOS和Windows。它仅适用于JPEG（因为它允许以图像尺寸换取质量），而PNG则不能（至少是明确地）。

因此，假设您的图片为300x300，并且在161kB时特别大，因为它是不可压缩的随机噪声：

-rw-r--r--   1 mark  staff  161310 15 Feb 16:56 input.jpg

您可以在终端中使用以下命令将其减小到所需的40kB（如果在Windows中则是命令提示符）：

magick input.jpg -define jpeg:extent=40kb result.jpg

结果是39kB：

-rw-r--r--   1 mark  staff   39119 15 Feb 16:58 result.jpg

Answer 2

对于本地使用，我将按照以下步骤设置gulp并使用npm软件包（可以执行您需要做的任何软件包）：

https://www.npmjs.com/package/gulp-image-resize-调整图像大小

https://www.npmjs.com/package/gulp-imagemin-压缩图像（我知道您可以使用size参数来定位所需的文件大小，至少对于jpeg而言）

但是向您展示如何逐步设置所有内容将超出此答案的范围，因此，让我为您简要介绍您需要做的事情：

• 安装node.js
• 安装gulp
• 安装适当的软件包管理器
• 配置gulp以从特定文件夹中抓取图像，然后将其手动或自动转换为所需的“输出”文件夹。

如果您想走这条路，建议您从这里开始学习有关gulp的更多信息：

https://gulpjs.com/