在實際項目中,圖片占用一直是我們接觸最多的。為了優化這塊,我們主要是從幾個方面來處理。
業務需求:
- 根據設備端的控件尺寸,向服務器請求不同經裁剪過后的不同尺寸圖片。
2)服務端可以給我們提供webp格式的文件。
阿里云Oss的圖片裁剪規則。請參考:
阿里Api:
https://help.aliyun.com/document_detail/44688.html?spm=5176.doc44687.6.945.WXaOMG
里面有特多的規則,我選擇的裁剪方案是。
image.png
實際測試圖片:
最后將一個 404.36 kb的圖片
image.png
壓縮到了18kb
image.png
除了細看一些些的紋路丟失,其它的,沒有任何感知
image.png