Menú
使用 Google libwebp CLI (`cwebp`) 將 JPG/PNG 圖片批次轉換為 WebP 格式。當需要壓縮圖片、批次轉檔、或將專案圖片統一為 WebP 時使用。
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
| 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名]」。不符合格式的圖片防呆拒絕執行。