jpeg 漸進模式是什麼？
- 圖片加載，從上下加載，變為從模糊到清晰，提前讓用户有告知，詳情參考
- png 怡也有類似的技術，稱為png 的交錯模式
快速實現
- 在「OSS」和「又拍雲」上的路徑上添加幾個參數即可低成本，快速使用上漸進式圖片
「OSS」中使用漸進式 jpeg
- 官方文檔
- 測試圖片
https://oss.luckly-mjw.cn/jpeg-pregressive/009.jpg?x-oss-process=image/interlace,1 - 實現方式，在圖片鏈接中添加
?x-oss-process=image/interlace,1字符串（interlace：交錯的） -
很遺憾，oss 並不支持 png 交錯模式，但可以轉 jpeg 的方式實現該功能
- 先將圖片轉為 jpeg 格式（
/format,jpg），在借用 jpeg 的交錯模式(/interlace,1) - 測試圖片
https://oss.luckly-mjw.cn/jpeg-pregressive/010.png?x-oss-process=image/format,jpg/interlace,1
- 先將圖片轉為 jpeg 格式（
「又拍雲」中使用漸進式 jpeg
- 官方文檔
- 測試圖片
http:/upyun.luckly-mjw.cn/Assets/jpeg-pregressive/009.jpg!/progressive/true - 實現方式，在圖片鏈接中添加
!/progressive/true字符串（progressive：優化的） -
很遺憾，「又拍雲」同樣不支持 png 交錯模式，同樣可以轉 jpeg 的方式實現該功能
- 先將圖片轉為 jpeg 格式（
/format/jpg），在借用 jpeg 的交錯模式(/progressive/true) - 測試圖片
http://upyun.luckly-mjw.cn/Assets/jpeg-pregressive/010.png!/format/jpg/progressive/true
- 先將圖片轉為 jpeg 格式（
tinypng 默認自帶漸進式轉化
- 測試圖片
http:/upyun.luckly-mjw.cn/Assets/jpeg-pregressive/008.jpg - 注意，這張圖沒有攜帶處理參數，直接返回圖，但也會有漸進效果
推薦一個效率工具：tinypng 原地壓縮腳本
