1. 程式人生 > >阿裏雲圖片壓縮

阿裏雲圖片壓縮

data javascrip true tail 限制 pro bsp iyu def

後臺用戶上傳的圖片往往很大,並且現在iphone手機的圖片質量大的都高達幾M,而在移動端展示時,即便做了懶加載,如vue-lazyLoad,也會很影響性能。移動端的圖片一般控制在100K以內,否則3g網絡加載太慢,會出現白屏現象。目前遇到的場景,圖片都存放在阿裏雲的cdn上,從而可以采用阿裏雲的圖片質量變換進行壓縮圖片。

阿裏雲圖片壓縮
https://help.aliyun.com/document_detail/32243.html
e.g.

<img :src="detailData.logo ? imgUrl + detailData.logo + ‘?x-oss-process=image/quality,Q_40‘ : ‘../static/imgs/default-pic.png‘" class="user-pic" />

壓縮後的圖片大概在100K以內,對後臺用戶上傳的圖片盡量不做限制,在實際展示時進行壓縮。

參考:

技術分享圖片

阿裏雲圖片壓縮