鍍金池/ 問(wèn)答/HTML/ UI或前端對(duì).png與.jpg的取舍?

UI或前端對(duì).png與.jpg的取舍?

我對(duì).png.jpg的一點(diǎn)理解:

1、.jpg,有損壓縮,壓縮同時(shí)保留生動(dòng)圖像
2、.png,不具有壓縮,保持高清

結(jié)合小米官網(wǎng)的一點(diǎn)學(xué)習(xí):大圖保存.jpg,小圖保存.png

圖片描述
圖片描述

理解:為何如此做法?

  • 既然圖大,就用壓壓縮的格式,減少文件大小,獲取更好的用戶(hù)體驗(yàn);
  • 圖小,再怎么壓縮也減少不了多少,還不如成人之美,還其高清效果

卻有一事不解:圖片轉(zhuǎn)化格式,直接改改后綴即可。同張圖片,兩種格式,一無(wú)大小區(qū)別,二無(wú)清晰改變,這有為何?

圖片描述
圖片描述

回答
編輯回答
做不到
  1. 顏色復(fù)雜JPEG,矢量風(fēng)格PNG24,矢量風(fēng)格不帶過(guò)渡效果PNG8
  2. 通用壓縮考慮如果可以手動(dòng)的話TinyPNG,工具流方案的話找個(gè)能用的就行了
  3. JPEG在不影響畫(huà)質(zhì)的情況下可以適當(dāng)降低質(zhì)量參數(shù),但切記Ps輸出時(shí)不可降到50%以下
  4. JPEG在多次編碼壓縮(二壓甚至三壓)的情況下,100%會(huì)糊。一個(gè)比較明顯的栗子,是截圖后用文件輸出到Ps再保存為JPEG,由于一般截圖軟件保存的默認(rèn)格式多半是JPEG,所以此處明顯是二次壓縮,出來(lái)的畫(huà)質(zhì)損失不可逆。
  5. PNG8可以支持Alpha透明,但需要編碼/壓縮軟件的支持(比如limitPNG),像Ps直接輸出的就沒(méi)法支持
  6. 如果Ps版本支持導(dǎo)出功能的,盡量用導(dǎo)出來(lái)輸出,會(huì)比Web格式輸出擠出更多水但是,再用TinyPNG還可以再擠出水來(lái)
  7. TinyPNG是有損壓縮。雖然算法優(yōu)化過(guò)肉眼無(wú)法辨識(shí),但還是有損壓縮。
2017年1月19日 23:53
編輯回答
撥弦

·······表示很無(wú)奈,png中是帶有Alpha通道的而jpeg是沒(méi)有的,你光改后綴對(duì)圖片數(shù)據(jù)本質(zhì)并沒(méi)有修改,當(dāng)然體積不變...你如果想體驗(yàn)他們的區(qū)別,在ps導(dǎo)入一張png圖片,分別保存為jpeg和png你就會(huì)發(fā)現(xiàn),jpeg會(huì)默認(rèn)加背景色的

2017年11月8日 21:37