開始使用影格擷取時，只需要一個本機影片檔案和一個以秒為單位的時間位置；瀏覽器會在本機完成解碼、跳轉、Canvas 繪製和 PNG 編碼，因此該片段本身永遠不會離開你的電腦。Video Frame Extractor 就是為了這個首次執行的流程而設計的：你載入一個支援的檔案，輸入一個介於零與所顯示時長之間的數字，就能在原生像素解析度下取得解碼後的影格，並下載為 PNG。整個互動過程都是透過瀏覽器的媒體解碼器、HTMLMediaElement 跳轉、Canvas drawImage 和 PNG canvas 編碼在本機執行，這也是為什麼檔案大小、編解碼支援以及輸入的時間，是你第一天真正需要考慮的唯三因素。本指南將帶你了解事前檢查、工具內部的三個具體步驟、產生的 PNG 包含與不包含的內容、共用影片安全政策所強制施加的限制，以及在哪些情況下專屬的桌面應用程式會是更好的選擇。
在開啟工具之前你需要準備什麼
在載入任何東西之前，先跑過一份簡短的檢查清單，這樣第一次嘗試就不會因為可預防的問題而停滯。
- 檔案容器。此工具接受 MP4、WebM、MOV、M4V 與 Ogg 檔案。僅憑副檔名並不代表一定可用：MP4、MOV 與 M4V 都是容器，瀏覽器仍然必須支援儲存在其中的特定音訊或視訊編解碼。
- 檔案大小與時長。共用影片安全政策將輸入限制為 500 MiB、長度 5 分鐘、每邊 4096 像素，以及影格面積不超過 3840 × 2160 像素。任何超出限制的項目會在處理開始前被拒絕。
- 瀏覽器支援。瀏覽器的編解碼支援決定了哪些檔案可以被解碼。Chrome、Edge、Firefox 與 Safari 各自維護自己的編解碼矩陣，因此在一台機器上能開啟的檔案，在另一台機器上可能拒絕開啟。
- 時間格式。時間欄位接受一個有限的秒數小數。整數秒、分數秒以及毫秒級的小數（例如 12.345）都有效；負數或大於所顯示時長的值則無效。
- 輸出目的地。PNG 會在目前的瀏覽器分頁中產生並下載。請確認已允許該網站的彈出視窗與下載，這樣儲存對話框才會出現。
跑過這份檢查清單只需幾秒鐘，就能消除首次使用時常遇到的大部分障礙。
使用 Video Frame Extractor 擷取影格
一旦事前檢查都通過，Video Frame Extractor 工具內部的實際流程就是三個步驟。
- 選擇一個支援的本機影片，並等待其時長與預覽載入完成。
- 輸入介於零與所顯示時長之間的影格時間，必要時可包含小數。
- 選擇「Extract PNG frame」(擷取 PNG 影格)，確認靜態畫面，並下載本機的 PNG。
檔案載入後，請留意預覽縮圖。顯示在預覽旁的時長文字就是時間欄位的上限。如果你輸入的值被該欄位接受，按鈕就會啟用；如果該值被拒絕，表示你輸入的時間已超出該片段的結尾。PNG 出現後，請先開啟一次確認靜態畫面就是你想要的那個瞬間，再儲存一份副本到你的媒體中。
時間欄位實際的運作方式
你輸入的數字是一個媒體時間軸位置，而非對來源影格精度的保證。在工具內部，瀏覽器會將 HTMLMediaElement currentTime 設定為你輸入的值，並等待跳轉完成後再進行繪製。由於壓縮視訊只在關鍵影格 (keyframes) 儲存完整的畫面，瀏覽器最終可能落在附近的一個解碼影格上，而非時間戳記與你的數字完全相符的那一個精確影格。可變幀率、編輯清單、時間戳記的四捨五入，以及編解碼的行為，都可能讓結果在任一方向上偏差幾毫秒。
對大多數日常工作（例如縮圖、參考靜態畫、投影片、社群貼文）來說，這種微小漂移是看不見的。顯示的時間會記錄你要求的位置；此工具不會檢查封包時間戳記，也不會宣稱能識別出精確編號的來源影格。如果你需要那種等級的精度，請把 PNG 視為起點，而非最終成品。
PNG 輸出包含哪些內容
匯出的 PNG 會反映解碼後的視訊影格。像素尺寸就是瀏覽器在解碼過程中所產生的尺寸，所以 1920 × 1080 的來源會產生 1920 × 1080 的 PNG，3840 × 2160 的來源則會產生 3840 × 2160 的 PNG。PNG 檔名會包含你要求的時間，讓你一眼就能分辨兩次擷取。
有幾項屬性是匯出時刻意不會動到的：
- 不會套用任何縮放、裁切、銳化、內插或濾鏡。
- 只有當瀏覽器解碼出的視訊影格帶有 alpha 通道時，才會保留透明度。大多數 MP4、WebM、MOV、M4V 與 Ogg 檔案並沒有。
- 來源影片不會被修改。所選的靜態畫面會另存為一個新的 PNG；該片段本身則維持原樣不變。
- 若解碼、跳轉、Canvas 繪製或 PNG 編碼失敗，此工具會回報錯誤，而不是產生一個空白的下載檔案。
在底層，實作會透過 Canvas drawImage 將目前影格繪製到一個同尺寸的 canvas 上、將 canvas 編碼為 PNG、提供一個可撤銷的本機下載 URL，並在輸入變更或元件卸載時讓過期的工作與 Object URL 失效。
檔案與大小限制一覽
| 限制 | 上限 |
|---|---|
| 檔案大小 | 500 MiB |
| 時長 | 5 分鐘 |
| 每邊像素 | 4096 |
| 影格面積 | 3840 × 2160 像素 |
| 時間欄位 | 0 到所顯示時長，允許小數秒 |
| 接受的容器 | MP4、WebM、MOV、M4V、Ogg |
這些上限來自適用於本機影片工具的共用影片安全政策。任何超出上限的內容都不會被處理；你會看到清楚的訊息，而不是一個損壞的結果。
首次執行的常見問題與快速修復
大多數首次使用者會遇到少數幾種障礙之一。簡短的分流檢查通常就能解決。
- 檔案選擇器接受了檔案，但沒有任何預覽。容器有支援，但其中的編解碼沒有。請嘗試以廣泛支援的編解碼重新封裝為 WebM，或在不同的瀏覽器中開啟同一個片段以確認。
- 時間欄位拒絕該值。你輸入了一個大於所顯示時長的數字、負數，或非數字字元。請重新輸入一個介於零與預覽所顯示時長之間的有限小數。
- 點擊按鈕後沒有出現下載。該網站在瀏覽器中可能被封鎖而無法儲存檔案，或是解碼、跳轉、canvas 或編碼失敗。請檢查主控台中的錯誤訊息，並嘗試一個較短或編碼方式不同的片段。
- 下載的影格接近但不完全正確的瞬間。這是關鍵影格周圍瀏覽器跳轉的預期行為。請將時間欄位微調一小部分秒數後再試一次；若需要真正的影格精準度，請改用專屬的桌面工具。
什麼時候該改用桌面工具
瀏覽器方案非常適合短媒體、快速參考與日常靜態畫。不過在某些情況下，專屬的桌面工具才是正確的選擇，提早辨識這些情況可以省去重工。
- 需要影格精準度的剪輯工作，且精確的來源影格編號至關重要。
- HDR 或色彩管理輸出，且必須保留色彩管線。
- 依賴解碼器提供真正 alpha 通道的 alpha 工作流程。
- 在單一作業中對大量時間戳記進行批次擷取。
- 超過 5 分鐘或 500 MiB 上限的長影片。
- 瀏覽器無法解碼的容器或編解碼。
如果你正在權衡本機瀏覽器擷取與已安裝的應用程式，How to Choose the Right Approach to Extract a Video Frame 這份指南會更深入地探討相同的取捨。對於擁有短片段、螢幕錄製和解說影片的使用者來說，本指南所涵蓋的瀏覽器路徑通常是最快取得乾淨 PNG 的方式。
延伸閱讀：Extract a Video Frame Correctly: A Verification Workflow。