鍍金池/ 問答/HTML5  C  HTML/ 網(wǎng)站的圖片有什么好的壓縮方式?

網(wǎng)站的圖片有什么好的壓縮方式?

對于網(wǎng)站的大量圖標與高清圖有什么好的壓縮解決方案嗎?

回答
編輯回答
我甘愿
  1. 純色圖標用字體圖標
  2. 非純色的小圖標,用雪碧圖
  3. 非純色大小 5 - 10Kb,轉換成base64格式
  4. 高清圖適當壓縮一下,不是透明圖片統(tǒng)一轉成jpg格式

    騰訊的智圖軟件,可以壓縮和轉格式

2017年5月25日 05:37
編輯回答
祉小皓

圖標可以用iconmoon
圖片可以使用PP鴨進行壓縮,效果賊好
如果是手機圖片,設計稿要求是600300的jpg圖片,就用PS把圖片放大到1200600,然后存為web使用格式的jpg,品質(zhì)30,存完之后再用PP鴨壓縮一遍,可以保證顯示為600*300的時候很清晰
具體方案可以多參考淘寶

2017年8月1日 03:55
編輯回答
命于你

對于圖片可以在工作流(webpack, gulp等)中利用插件進行批量壓縮,如果是圖標則可以合成精靈圖進行優(yōu)化。
也可以在放入項目前使用tinypng這樣的壓縮圖片網(wǎng)站進行在線批量壓縮。
具體方案有很多,就比如gulp環(huán)境下的imagemin,可以對各種類型的圖片讀取并壓縮,不過現(xiàn)在如果使用gulp4.0最新的release的話,在gulp的執(zhí)行環(huán)境上有一定的bug。

2018年3月14日 02:21
編輯回答
硬扛
2018年1月27日 09:26