【webP 圖檔格式】特性與優缺點介紹

webP檔案格式的特色與優點

目前市面上的主流圖像格式以 JPG 稱霸,後續雖然陸續有 PNG 等格式陸續的產生,甚至在這幾年因網路的發達,為了追求更快速的網站閱讀體驗,新的圖檔格式也相繼出現,追求體積更小或是向量功能或半透明,除了之前介介所介紹的 SVG 圖檔格式之外,還有 Google 於 2010 年推出 WebP 圖像格式,這種圖檔格式具備了非常多的優點,目前世界上主流瀏覽器幾乎都可以支援,下面幫大家整理一下 webP 圖檔格式的一些優缺點

WebP 圖檔格式的檔案大小更小

WebP 格式的照片在相同的尺寸下,會比 JPG 檔案小 20-30%,另外比 PNG 小 20%左右,但這不是絕對的,有些特殊圖片轉換成 webP 格式檔案大小反而變大了,所以使用前還是要先評估一下

 

 可做動態與透明化功能

在過去網路使用動態圖片,只能靠 GIF 圖片,現在 WebP 也可以提供動態圖示的部份功能,但會比 GIF 更吃 CPU 資源,支援圖片透明化、無失真壓縮模式

 

支援 WebP 圖檔的瀏覽器有哪些?

目前主流的瀏覽器只要有定期更新,都可以支援 WebP 圖檔,像是Chrome、Microsoft Edge 、 Firefox 皆可以支援 WebP至於 Apple 的 Safari 也在近期的 iOS 14 及 macOS Big Sur 開始正式支援 WebP

 

WebP 圖檔的缺點

目前還沒有足夠的圖像編輯軟件支援,即使是 Photoshop 也需要透過外掛才能編輯更新 WebP 圖片,編輯與製作上比較不方便使用,此外你們現在正在看的這個網站,是介介用 WordPress 所製作,也無法直接上傳 webP 圖檔,不過大家現在另存圖片時可以發現,這個網站上的圖片,都是 webP 格式的,這是透過 WordPress 的外掛或 CDN 工具自動轉成 Webp 格式,目的是為了要讓網站的速度可以變快一些

 

線上轉 WebP 動態圖的製作方式

網路上直接將圖檔轉換 WebP 的工具有很多,介介分享兩個將動態 webP 的小工具

MP4 轉 webp 動圖

圖片轉 webp 動圖

 

又到了介介發廢文的時間

為什麼我的開箱文這麼會扯一些有的沒有的

事實是這樣的,話說我小時候是一個異常調皮的小孩
小時後幾乎是照三餐被打
所以每次被打之前都要扯一些有的沒有的理由
降低挨鞭子的機會

所以是為了求生存換來的
不是一般人繳了錢就學得來了唬爛功力喔

李介介

身為名子有個介字的男人,介紹好東西給大家,也是非常合乎邏輯的一件事啊,熱愛設計與科技,但有人問我為什麼叫李介介,不叫介介介,難道你不知道三個介放在一起會被消除嗎?(⊙◞౪◟⊙) FacebookInstagramTelegram

發表迴響

下面還有更多有趣的文章喔