本文重點：Workout Guide 是免費運動插圖庫，收錄 302 種運動、906 張透明背景 SVG 動作圖，依器材、肌肉群、動作類型分類整理，可直接下載使用，也提供 npm 資源包供開發者串接。
做健身相關的網站、應用程式或教學內容，運動示意圖幾乎是必備素材，但要湊齊一整套風格一致的插畫並不容易，自己畫又很花時間，而且也不是每個人都畫得出來，一般免費圖庫裡的運動插畫又常常東拼西湊，放在一起很不協調，很多時候就乾脆自己拍照可能會來得簡單許多，還不用擔心使用上會不小心違反圖庫的授權協議。
本文要介紹的「Workout Guide」是一個免費的運動插圖資源庫，收錄 302 種運動項目、合計 906 張透明背景 SVG 動作圖，每個動作都以三格連續姿勢呈現，方便清楚表達整個動作的操作流程。所有插圖規格、風格統一，涵蓋重量訓練、有氧、伸展與活動度等類型，並依器材、肌肉群、動作類型分類整理，直接從網站瀏覽即可下載圖片。
如果是開發者還能使用 npm 安裝整套資源包，並透過各種函式進行搜尋、篩選和呼叫。
Workout Guide 圖片授權採用 CC BY-SA 4.0，代表商用或再散布時需要標示出處，且衍生作品必須採相同授權釋出，條件比一般免費圖庫常見的 CC0 或 MIT 授權嚴格一些，若有意商用，建議先確認清楚授權和相關限制。
網站資訊
網站名稱：Workout Guide
網站連結：https://bryllim.github.io/workout-guide/
使用教學
開啟 Workout Guide 網站，點選上方導覽列的「Exercises」，進入運動項目瀏覽頁面。頁面會顯示全部 302 項運動，以卡片方式呈現，每張卡片包含插圖、動作名稱、主要肌肉群與所需器材。
上方有搜尋欄位，可直接輸入動作英文名稱查找，或是透過右側的篩選器依「器材」（如 Barbell 槓鈴、Dumbbell 啞鈴、Bodyweight 徒手等）、「肌肉群」（如 Chest 胸部、Legs 腿部、Core 核心等）、「運動類型」（如 Bodyweight Reps、Weight Reps 等）縮小範圍，很快就能找到需要的動作類別。
點擊任一張卡片會進入該運動的詳細頁面，例如下圖是討論度很高的「保加利亞分腿蹲」（Bulgarian Split Squat），主要用來練臀大肌、股四頭肌與核心穩定度。
往下捲動網頁還會看到完整的三格分解動作，下方會有細部資訊，包括主要與次要肌肉群、所需器材、動作類型等中繼資料，整個動作的起始到完成姿勢一目了然。每一格動作都附有下載按鈕，可以直接點選「Download」下載該張透明背景的 SVG 檔案，儲存到本機使用。
頁面同時提供 CDN 網址，習慣嵌入網頁或簡報的人，也可以複製網址連結使用，不需要先下載存檔，這個 CDN 服務是使用知名的 jsDelivr 免費公共 CDN。
若是開發者要大量串接，可以改用 npm 安裝整套資源包，指令為 npm install @bryllim/workout-guide，安裝後套件內建 TypeScript 型別與 ESM／CommonJS 雙格式，並提供 searchExercises()、getExercise()、getAssetUrl() 等函式，能依器材、肌肉群、動作類型與拉伸狀態搜尋篩選，也支援 React Native、Expo 等環境直接引用，詳細函式說明與程式碼範例可到「Guide」頁面查閱。
使用前的提醒
網站與套件文件目前只有英文介面，動作名稱與分類都是英文，搜尋時建議先用英文關鍵字比較準確。
此外，資源庫提供的是靜態 SVG 插畫，並沒有動畫或影片格式，若需要動態示範還是得搭配其他工具，或是丟給 AI 進行更多後續處理，網站瀏覽下載不需要註冊帳號，但 npm 安裝與 API 串接的部分需要基本的程式開發背景。
探索更多來自 免費資源網 的內容
訂閱即可透過電子郵件收到最新文章。
