提升網站速度的關鍵：如何使用 cwebp 將圖片轉換成 WebP 格式
我在開始寫部落格後，才開始留意到各種跟部落格相關的小知識。有一次滑 Threads，看見有人問：「自架部落格要注意什麼？」，有個人回覆說圖片最好用 WebP 格式，這樣網站圖片加載會更快。當時我才發現有「WebP 格式」這回事，馬上去研究了一下，也把正在寫的文章裡的圖片全都轉成 WebP 格式。於是，就有了這篇文章的誕生！希望我的探索可以幫到大家XD
WebP 是什麼？為什麼大家都說它好？
其實，WebP 是 Google 開發的一種圖片格式，有兩個特色：壓縮效果好、圖片品質高。意思就是它能在不太影響圖片品質的前提下，把檔案大小壓縮得很小。所以相對於傳統的 JPG 和 PNG 格式，WebP 更適合網頁使用，因為圖片載入速度快，網站效能會變好，使用者的體驗自然也跟著提升。
為什麼要選擇 WebP？
來看看幾個選擇 WebP 格式的原因：
- 更快的圖片載入：WebP 真的比 JPG、PNG 小很多，網頁圖片載入速度就跟著快很多。
- 更省空間：檔案小不僅省流量，還能節省伺服器的儲存空間。
- 靈活的壓縮選項：可以選有損或無損壓縮，這樣不管是想要輕量化還是高清畫質，WebP 都能滿足。
安裝 cwebp 工具：讓圖片轉換超簡單
既然 WebP 這麼棒，那要怎麼把圖片轉成 WebP 呢？這裡就要用到一個叫 cwebp 的轉換工具。下面就來說說怎麼安裝它。
1. 在 MacOS 上安裝 cwebp
MacOS 可以用 Homebrew 安裝（如果還沒有安裝 Homebrew 的話，可以先去 Homebrew 官網 看看如何安裝）：
Bash
brew install webp
2. 在 Ubuntu 或 Debian 上安裝 cwebp
如果你用的是 Linux 系統，安裝也很簡單，直接用 apt：
Bash
sudo apt update
sudo apt install webp3. 在 Windows 上安裝 cwebp
Windows 稍微麻煩一點，需要從 WebP 官網 下載壓縮包。解壓縮後，找到 cwebp.exe，接著把這個工具的路徑添加到環境變數中（這樣才能在任何位置執行）。做完後，可以開啟命令提示字元輸入 cwebp，應該就能看到工具說明了。
使用 cwebp 把圖片轉成 WebP
安裝完 cwebp 後，我們可以開始轉換圖片了！基本指令很簡單，示範如下：
Bash
cwebp -q 80 input.jpg -o output.webp-q 80：這是圖片品質參數，範圍 0 到 100。數值越高，品質越好，但檔案大小也會相應增大。input.jpg：要轉換的圖片名稱。output.webp：轉換後的 WebP 檔案名稱。
進階指令玩法
如果你要一次性轉換多張圖片，可以試試這個批次轉換指令：
Bash
for file in *.jpg; do cwebp -q 80 "$file" -o "${file%.jpg}.webp"; done這樣所有 JPG 格式的圖片就會被轉成 WebP。除此之外，如果你想使用無損壓縮（不損失任何畫質），可以加上 -lossless：
Bash
cwebp -lossless input.png -o output.webp轉換 WebP 後，網站更輕鬆
cwebp 是一個超方便的工具，讓我們可以輕鬆將圖片轉成 WebP 格式。這樣不但可以減少網站圖片載入時間，也讓網站表現更好。如果你也在經營部落格或網站，真的推薦你試試！希望這篇小教學能幫助大家，也期待大家的網站都能跑得更快、更順！
