Menu
使用 Google libwebp CLI (`cwebp`) 將 JPG/PNG 圖片批次轉換為 WebP 格式。當需要壓縮圖片、批次轉檔、或將專案圖片統一為 WebP 時使用。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | img-to-webp |
| description | 使用 Google libwebp CLI (`cwebp`) 將 JPG/PNG 圖片批次轉換為 WebP 格式。當需要壓縮圖片、批次轉檔、或將專案圖片統一為 WebP 時使用。 |
# Ubuntu/Debian
sudo apt install -y webp
# macOS
brew install webp
# JPG → WebP（有損，品質 80）
cwebp -q 80 input.jpg -o output.webp
# PNG → WebP（無失真）
cwebp -lossless input.png -o output.webp
# PNG → WebP（有損，適合照片類 PNG）
cwebp -q 85 input.png -o output.webp
| 參數 | 說明 |
|---|---|
-q <0-100> | 品質，預設 75，數字越小檔案越小 |
-lossless | 無失真壓縮（僅對 PNG 有意義） |
-m <0-6> | 壓縮速度/密度，0 最快 6 最慢（檔案更小） |
-resize <w> <h> | 轉檔同時縮圖 |
-alpha_filtering <0-3> | Alpha 通道過濾品質 |
# 轉換目錄下所有 JPG
for f in *.jpg; do cwebp -q 80 "$f" -o "${f%.jpg}.webp"; done
# 轉換目錄下所有 PNG（無失真）
for f in *.png; do cwebp -lossless "$f" -o "${f%.png}.webp"; done
# 轉換所有 JPG + PNG
for f in *.jpg *.png; do
[ -f "$f" ] || continue
ext="${f##*.}"
base="${f%.*}"
if [ "$ext" = "png" ]; then
cwebp -lossless "$f" -o "${base}.webp"
else
cwebp -q 80 "$f" -o "${base}.webp"
fi
done
-lossless，保留完整像素-q 80~85，肉眼無明顯差異，體積減少 25-35%-m 0 加速，最終品質差異極小# 查看 WebP 詳細資訊
webpinfo output.webp
# 比較原始與轉換後檔案大小
ls -lh input.jpg output.webp
Godot 遊戲開發循環(匯出、測試、產物 commit)。當需要修改 godot-src/(RPG)或 godot-candy-src/(糖果)的 GDScript/場景/關卡,或要重新匯出 Web build、同步地圖 JSON 時使用。
2D 地圖場景動態繪製與 RPGRoom 擴展指南。提供如何使用編輯器、匯出場景 JSON、設定碰撞邊界、NPC 對話、場景傳送門以及離屏 Canvas 預渲染機制的標準化流程。
Design intelligence skill providing professional UI/UX knowledge for building production-grade interfaces. Includes design system architecture, token management, color palettes, typography, UX guidelines, and accessibility standards. Adapted for Vue 3 + Quasar + Tailwind CSS v4 stack.
本專案網頁驗證流程(Playwright、hash 路由、Godot iframe、多人對戰)。當需要在瀏覽器中驗證頁面行為、截圖、測 /battle 多人同步、或 Playwright MCP 啟不動時使用。
為 RpgRoom 生成 2D RPG 地圖場景 JSON（房屋外觀、室內房間、布置場景）。當使用者要求新增/修改 RPG 地圖、場景、房間布置、NPC 配置時使用。支援「設計 [長x寬] 的 [風格] 場景，出入口接 [場景名]」參數化需求。
將 2D 俯視場景圖（截圖/AI 繪製稿/手繪 mockup）轉換成 RpgRoom 地圖 JSON。當使用者提供場景圖片並要求轉成遊戲室地圖時使用，例如「根據 [圖片] 製作 [場景名]，出入口設置在 [場景2名]」。不符合格式的圖片防呆拒絕執行。