LV. 30
GP 5k

【密技】高畫質+檔案小 的動圖格式 - webp

樓主 深海異音 hbl917070
171 -
要在網路使用動圖,相信大家第一個想到的是GIF

但GIF有兩個致命缺點:
1、畫質很低,因為一張GIF只能儲存256種顏色
2、檔案很大

還有一種叫做「APNG」的圖片格式也支援動畫
他的附檔名一樣是「png」,畫質也跟png一樣高
但是跟GIF一樣有致命缺點,就是檔案很大
APNG聽過的人可能不多,但其實多數的人都用過,line的動態貼圖就是APNG



所以今天要來介紹的是「webp」



webp是google發展的一種圖片格式
複雜的這邊就不解釋了,一般人只要知道他有4個特性:
1、畫質高
2、檔案小
3、支援透明顏色
4、支援動畫

這是一張 7.5M 的GIF圖片


轉成webp後剩下2.5M


用這個網址就能製作webp,可以把GIF或影片轉成webp


但webp的支援度還不算很廣泛,imgur不支援

不過可以用google雲端硬碟來當圖床
我這篇文章裡面有做法
忽略svg那邊的做法,直接把圖片丟進google雲端硬碟就行了

順便看看大家的裝置支不支援webp動圖
電腦的 chrome、firefox、edge 都支援
Android手機瀏覽器應該也是沒問題
不過下載下來後,可能沒辦法用一般的圖片檢視器來瀏覽



171
-
未登入的勇者,要加入討論嗎?
板務人員:

7582 筆精華,11/16 更新
一個月內新增 13
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】