JPEG压缩和渐进式JPEG

Question

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

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

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

1. 首先，压缩原始图像，然后逐步进行。

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

3. 无所谓：）

Answer 1

关于质量，这是一个困难的电话，因为它取决于图像 - 你不会表现出来。如果你要减少20倍的尺寸，你必须期望一些质量下降。所以，我会让你评估质量。至于处理......

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

检查输入图像大小是否为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

你也可以使用比 ImageMagick 重量轻的jpegtran：

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