圖片轉檔成webp,適合在網頁上用

2021-08-04
2分鐘閱讀

webp是google在推的一個圖片格式,官方說如果要在網頁上,雖為有損壓縮,但畫質還是不錯。google做了個cli,可以把圖片壓成webp

官方說明:https://developers.google.com/speed/webp/docs/using

cli載點:https://storage.googleapis.com/downloads.webmproject.org/releases/webp/index.html

安裝

ubuntu

軟體庫已經有了,直接安裝webp即可

sudo apt install webp

windows

cli載點裡下載執行檔,放到自己的path裡,或是使用時指定

使用

介紹一些我覺得有用的

壓縮圖片:cwebp

基本使用如下

cwebp -q 80 image.png -o image.webp
  • -q越大,畫質保留越好,檔案越大
  • -lossless可以指定要無損壓縮,但我壓出來都比原本的檔案大,沒啥意義的樣子
  • 用上面那行就能壓出不錯效果的圖片了,檔案也小很多,其他 參數參考

壓gif:gif2webp

現在也可以壓動圖了

gif2webp -q 70 picture.gif -o picture.webp

瀏覽webp圖片:vwebp

目前只有瀏覽器可以直接開webp圖,所以用這個可稍微開一下webp

vwebp picture.webp

壓縮前後比較

大小

用預設參數去壓,一張原本1m的圖大概省了95%的空間,畢竟是有損壓縮,不過放在網頁上會載入的比較快

畫質

壓縮前後兩張圖比還是會有差別(左為原圖,右為webp),整張看其實還好,放大就會有鋸齒,糊掉,顏色比較少之類的,所以就看是在意速度,還是畫質囉 03
02

author:   allmwh
commit:   1b9873c
comment:   typo webp-convert
lastmod:   2021-08-09 22:21:14
Avatar
allmwh 好油哦,配口水... 紀錄一些生活的事
comments powered by Disqus