iT邦幫忙

0

【前端效能優化】WebP - 較小容量的圖片格式選擇

7514 2021-12-10 22:02:461479 瀏覽
  • 分享至 

  • xImage
  •  

常見的圖片格式有

  • GIF:常用來做動態圖片
  • JPEG:適合 Banner、風景等大圖片
  • PNG:透明、有線條及文字的圖片
  • SVG:Icon、圖表類型,任意放大縮小都不會失真

WebP 是 Google 2010年推出的圖片檔案格式,主要設計目標是在減少檔案大小的同時,達到和JPEG、PNG、GIF格式相同的圖片品質,並希望藉此能夠減少圖片檔在網路上的傳送時間。

優點

支援動態、透明圖片,檔案壓縮比JPEG、PNG小約20%左右,可分為有損壓縮及無失真壓縮(可逆壓縮),有損壓縮破壞檔案壓縮的程度更大,但是每次壓縮後的圖片都會比前一次更失真。

缺點

目前還沒有足夠的圖像編輯軟件支援,即使是 Photoshop 也需要透過外掛才能編輯更新 WebP 圖片,需要先安裝 WebPShop 增效模組才能從 Photoshop 開啟及儲存 WebP 影像,編輯與製作上比較不方便。

參考來源:
https://zh.wikipedia.org/wiki/WebP
https://jiemr.com/webp


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言