鍍金池/ 問答/HTML5  HTML/ 網(wǎng)站上高清圖片加載很快但大小很小,這個(gè)是圖片本身很小還是代碼進(jìn)行轉(zhuǎn)換之后變小

網(wǎng)站上高清圖片加載很快但大小很小,這個(gè)是圖片本身很小還是代碼進(jìn)行轉(zhuǎn)換之后變小

比如電商網(wǎng)站上的Banner圖，很高清，但文件大小很小一般都是100多Kb,這個(gè)是怎么做到的。是以下那種方案實(shí)現(xiàn)的：
A.圖片上傳時(shí)是高清圖，而且很大有好幾M，但用戶瀏覽網(wǎng)站時(shí)經(jīng)過技術(shù)代碼處理，所以變小了，但還是高清圖。
B.圖片上傳時(shí)是高清圖，但本身就很小，是100多kb.

請(qǐng)問如果是A代碼處理，那么這個(gè)叫什么技術(shù)，如何實(shí)現(xiàn)的？

回答
編輯回答
別瞎鬧

很多會(huì)轉(zhuǎn)成webp格式，但是這個(gè)兼容不太好，需要做兼容，至于A技術(shù)要怎么實(shí)現(xiàn)，js的話我只知道可以用canvas，canvas可以將畫布內(nèi)容導(dǎo)出，如果圖片不多，而且固定的話，可以有很多在線軟件可以直接壓縮圖片的，直接壓縮了再上傳吧

2018年4月22日 20:37
編輯回答
舊酒館

我覺得應(yīng)該是A 因?yàn)榫W(wǎng)站的管理人員參差不齊,不一定會(huì)上傳壓縮后的圖片.
這就是圖片壓縮的功能,各種語言都有對(duì)應(yīng)的類庫.如果上了各種云儲(chǔ)存的話,應(yīng)該都有相應(yīng)的功能,例如又拍云
https://docs.upyun.com/cdn/co...

技術(shù)方面,圖片轉(zhuǎn)換成jpg格式,如果瀏覽器兼容的話用webp格式,質(zhì)量調(diào)成8~10.就行了.

2018年8月12日 00:28
編輯回答
莫小染

沒有什么“技術(shù)代碼處理”能比原本的各種圖片格式更好，所以肯定是B。重點(diǎn)在于選擇合適的圖片格式和壓縮參數(shù)。

2018年5月6日 06:53