image - JPEG 压缩和渐进式 JPEG

Question

我有一个高分辨率 Baseline JPEG，我想为我的网站从 6MB 压缩到 +- 300kb 并使其渐进式。

现在我知道如何做到这两点，使用 Photoshop 进行渐进式处理和使用在线工具或 gulp/grunt 任务进行压缩。

我想知道图像的最佳顺序是什么（最佳质量）：

1. 首先，压缩原始图像，然后使其渐进。

2. 首先，使其渐进，然后压缩图像。

3. 没关系：）

Answer 1

至于质量，这是一个艰难的决定，因为它取决于图像 - 你没有显示。而且，如果您打算将尺寸缩小 20 倍，那么您肯定会损失一些质量。所以，我会让你评估质量。至于处理...

您可以使用安装在大多数 Linux 发行版上并且可用于 macOS 和 Windows的ImageMagick同时进行这两项操作。

检查输入图像大小为 6MB：

ls -lrht input.jpg

-rw-r--r--  1 mark  staff   6.0M  2 Dec 16:09 input.jpg

检查输入图像是否隔行扫描：

identify -verbose input.jpg | grep -i interlace
Interlace: None

转换为逐行/隔行 JPEG 和 300kB 大小：

convert input.jpg -interlace plane -define jpeg:extent=300KB result.jpg 

检查大小现在低于 300kB：

ls -lhrt result.jpg

-rw-r--r--@ 1 mark  staff   264K  2 Dec 16:11 result.jpg

现在隔行检查：

identify -verbose result.jpg | grep -i interlace
Interlace: JPEG

---

你也可以使用比ImageMagickjpegtran更轻的：

jpegtran -copy none -progressive input.jpg output.jpg