影片裁剪工具透過只保留您挑選的矩形區域,來移除影片的外緣區域,而該區域是以每個畫面左上角為基準、以精確的像素座標來測量。對初學者來說,這個概念很簡單:影片的每個畫面都是由像素組成的方格,裁剪只是在方格上開一個視窗 — 您挑選視窗的起始位置 (X、Y) 以及寬度與高度 (width、height)。接著,所選的矩形會被重新錄製成新的檔案,把不想要的邊緣留在原地。像是 Video Cropper 這類的瀏覽器工具會在您目前的分頁中於本地端完成這項作業,完全不會把原始檔案上傳到任何地方,這能讓私人影片保持私密,也不用等候遠端伺服器回應。輸出會是一個具有有限時長的 WebM 檔案,您可以在任何現代瀏覽器或影片播放器中播放。這份新手指南會帶您了解裁剪究竟是什麼、工具接受哪些輸入、如何解讀四個座標方塊,以及在轉換成裁剪檔案的過程中,什麼會保留、什麼會消失。

video cropper for beginners
Video Cropper for Beginners: A Plain-English Walkthrough

以像素角度來看「裁剪」究竟是什麼意思

影片是一張張靜態影像依序播放的堆疊。每張靜態影像稱為一幀,具有固定的像素大小 — 例如寬 1920 像素、高 1080 像素。裁剪的意思,就是在每個畫面中挑選一個更小的矩形,然後只重新錄製該矩形。不想要的外側像素會直接被捨棄。

保留下來的像素本身不會有任何改變:它們的色彩、亮度和時間點都維持原樣。裁剪只影響可見區域,並不會改變編碼方式或播放速度。如果您把一段 1920×1080 的影片裁剪成置中的 1280×720 矩形,那保留下來的 1280×720 像素會保留原本的銳利度與時間戳記;畫面看起來就像原片的放大版本。

因為裁剪是以來源像素來測量,所以工具在能接受矩形數值之前,必須先知道影片解碼後的尺寸。這就是為什麼任何瀏覽器式裁剪工具的第一步,都是先載入檔案、並等候其真實的寬度與高度出現。若沒有這些數字,就無法在每一幀都可靠地將矩形保持在畫面範圍內。

瀏覽器式裁剪與桌面裁剪的比較

桌面編輯器可以裁剪,但它們通常都有學習門檻:時間軸、預覽視窗、專案檔和渲染佇列。一個只想把短片邊緣修掉的初學者,幾乎不需要這些東西。瀏覽器式裁剪把工作簡化為三個步驟 — 挑選檔案、輸入四個數字、按下按鈕 — 最後產生單一的 WebM 檔案。

取捨在於,瀏覽器式裁剪會在來源播放的同時即時錄製結果。一分鐘的來源大約需要約一分鐘來處理,因為 canvas 是以固定的 30 fps 繪製。對短片來說,這點延遲根本感覺不到;但對很長的專案而言,值得事先知道這個限制。

另一個取捨是編解碼器支援範圍。瀏覽器只能解碼其目前媒體引擎支援的格式。MP4、WebM、MOV、M4V 與 Ogg 檔案都是常見的目標,但檔案副檔名被接受,並不代表解碼器一定能讀取它。如果您的檔案無法載入,原因幾乎一定是容器內部的編解碼器不相符,而非容器本身。

輸入、限制與輸出格式一覽

設定允許值
檔案容器MP4、WebM、MOV、M4V 或 Ogg (編解碼器支援視瀏覽器而定)
最大檔案大小500 MiB
最大解碼時長五分鐘 (大於零)
最大來源邊長寬或高任一邊為 4,096 像素
最大來源面積3,840 × 2,160 像素
裁剪 X、Y非負整數像素;X 向右移動,Y 向下移動
裁剪 width、height整數像素,兩者皆至少為 2
矩形必須容納X + width ≤ 來源寬度,Y + height ≤ 來源高度
最大輸出面積3,840 × 2,160 像素
輸出容器具有有限 Matroska 時長的 WebM
輸出位元速率範圍180 kbps 至 8 Mbps,依據 30 fps 下的裁剪面積按比例計算

如果有數值落在這些限制之外,工具會直接拒絕該矩形,不會進行四捨五入、裁切或產生半成品檔案。這種拒絕機制就像是安全網,能保護初學者不會不小心要求出不可能的輸出。

如何用三個步驟裁剪影片

  1. 開啟 Video Cropper,並選擇一個瀏覽器可解碼的影片檔案 (MP4、WebM、MOV、M4V 或 Ogg)。請等候來源尺寸出現 — 在工具知道解碼後畫面的真實像素大小之前,它無法驗證矩形。
  2. 輸入 X、Y、width 與 height 的整數像素值。從 0 開始可以保留原始左上角,把數值調大會把矩形向右 (X) 或向下 (Y) 滑動,並挑選符合您想保留多少畫面的 width 與 height。請確認 X + width 與 Y + height 都落在輸入欄位上方所顯示的來源尺寸之內。
  3. 選擇 Crop video,在來源即時播放時保持分頁開啟,然後在 WebM 出現時將其下載。在刪除原始檔案之前,請先在您慣用的播放器中播放結果 — 確認裁剪區域、時長,以及若您預期會有聲音的音訊是否正常。

不用害怕數學地讀懂 X、Y、Width 與 Height

這四個方塊看起來可能很嚇人,但其實每一個都只回答一個問題。

  • X:裁剪視窗從左邊緣往內算要幾像素才開始?
  • Y:裁剪視窗從上邊緣往下算要幾像素才開始?
  • Width:裁剪視窗寬幾像素?
  • Height:裁剪視窗高幾像素?

座標從來源畫面的左上角開始,也就是 (0, 0) 那一點。X 把視窗向右移,Y 把視窗向下移;在這個工具中沒有負方向。預設值會選取整個畫面,這是個安全的起點,能讓您先看到原始尺寸,再決定要修掉哪些邊緣。

實際範例:一段 1920×1080 的來源在上下各有一條您想去除的黑色橫條。設定 Y = 80、height = 920,讓視窗從距離頂部 80 像素處開始,並在距離底部 80 像素處結束。設定 X = 0、width = 1920 以保留完整的水平範圍。

  • 檢查水平方向:X + width = 0 + 1920 = 1920,正好等於來源寬度,因此矩形可容納。
  • 檢查垂直方向:Y + height = 80 + 920 = 1000,低於來源高度 1080,因此矩形可容納。
  • 輸出面積:1920 × 920 = 1,766,400 像素,遠低於 3,840 × 2,160 上限 8,294,400 像素,因此輸出在限制範圍內。

這項單純的減法 (Y + height ≤ 來源高度) 就是工具強制執行的算術檢查。只要您能確認兩條邊都容納得下,矩形就是有效的。同樣的邏輯也適用於 WHATWG canvas 繪製模型:來源區域會以固定的位移、逐幀繪製到等大的 canvas 上。

輸出會保留與捨棄的內容

屬性裁剪後是否保留?
可見像素區域是 — 正是您所要求的矩形
畫面的播放時間是 — canvas 以 30 fps 自來源繪制
音軌只有在瀏覽器有公開可擷取音軌時才會保留
字幕與章節否 — 這些屬於容器功能而非像素
旋轉標記否 — 不會重寫方向資訊
HDR 訊號與色彩中繼資料否 — 輸出為標準 WebM 影片
附件與其他中繼資料否 — 大部分中繼資料欄位都不會保留
檔案時長是 — WebM 中會寫入有限的 Matroska 時長

裁剪也不是以時間剪輯的工具:輸出會橫跨整段來源時長,而不是您挑選的起訖時間。它不是縮放工具 (保留下來的像素保留原本大小),也不是遮罩或模糊工具 (不會隱藏任何區域)。若想以像素精準方式、針對垂直長寬比逐步完成裁剪,Crop a Video to 9:16 With Exact Pixel Coordinates 指南展示了同樣的輸入方塊如何用於達成 9:16 矩形。

初次使用者的常見陷阱與簡易解法

初學者在第一次嘗試時,通常會碰到以下三種狀況中的某一種。

  • 檔案無法載入。 容器副檔名沒問題,但內部的編解碼器並非目前瀏覽器能解碼的格式。請從您的手機或編輯器將來源重新匯出為標準的 H.264 MP4 或 VP9 WebM,然後再試一次。
  • Crop 動作失敗且未產生檔案。 這幾乎一定是因為矩形超出了畫面範圍。請重新閱讀頁面頂端的來源尺寸,然後重新計算 X + width 與 Y + height,讓兩者都落在來源之內。width 與 height 兩者也必須至少各為 2。
  • 輸出沒有聲音。 瀏覽器可能並未對該來源公開可擷取的音軌。請嘗試使用別的來源檔案,或在播放器中開啟原始檔案,確認它本身是否確實有音訊;如果有,目前基於 Chromium 的瀏覽器最有可能是透過 canvas 串流傳遞音訊。

幾個小提醒能讓您第一次操作不致於出岔子。位元速率會依據 30 fps 下的裁剪面積,限制在 180 kbps 到 8 Mbps 之間,因此非常小的裁剪會得到很低的位元速率,而非常大的裁剪則會接近上限。快速動作、顆粒感與瀏覽器的編碼器都會影響最終檔案大小,因此該數值只是揭露的設定,而非保證的目標。在您播放完整段 WebM 並確認畫面、聲音和時長之前,請不要刪除原始檔案。

當固定矩形不夠用的時候

當不想要的邊緣在整段影片中都固定不動時 — 例如信箱黑邊、固定角落的浮水印、同位置的腳架 — 那麼對每個畫面套用單一矩形就是合適的工具。但當不想要的元素會移動時,它就不適合,因為矩形並不會跟著追蹤。

如果您的目標是追蹤某個人、模糊臉部或隱藏會移動位置的車牌,您會需要追蹤器、遮罩或逐幀關鍵影格 — 這些都不是固定裁剪工具能提供的。請先用裁剪器設定好 canvas,再改用基於遮罩的編輯器來處理會移動的區域。

對於以時間剪輯片段,或縮小輸出尺寸,裁剪器同樣不是合適的工具。以時間剪輯同來源的片段是另一項任務;在不改變可見區域的情況下縮小輸出的像素尺寸也是如此。挑選正確的工具是初學者技能的一部分,而從裁剪器的三步流程開始,能讓第一次裁剪既可預期又可還原。

如果您正在權衡選項,Free Video Cropper No Sign-Up: Crop Exact Pixels 對此有更詳細的說明。