若要為 TikTok 裁切影片,您要在來源畫面中選取一個精確的矩形區域,使用從左上角開始測量的整數像素 X、Y、寬度與高度值,然後只將該區域重新錄製為 WebM。TikTok 的主要垂直畫面為 1080 × 1920 像素(9:16 長寬比),因此當目標是全螢幕垂直貼文時,裁切矩形通常必須完全符合這些數字。Video Cropper 工具會對來源影片的每一幀套用同一個固定矩形,只將要求的像素繪製到 Canvas 上,並使用瀏覽器的 MediaRecorder 即時錄製該 Canvas 串流。無需上傳,這表示來源檔案會保留在裝置上,唯一離開分頁的檔案就是您選擇下載的裁切後 WebM。由於錄製以來源的原生播放速度即時進行,因此一段一分鐘的來源大約需要一分鐘處理,且分頁必須保持開啟直到下載連結出現。

「為 TikTok 裁切」在像素層級的意義
裁切與調整大小並不相同。調整大小會改變每一幀由多少像素組成,同時保留整個可見影像;裁切則是選取現有畫面中哪一部分保留。Video Cropper 執行的是第二項工作。它不會分析場景、不會追蹤移動中的主體,也不會猜測動作在哪裡。它會接收您輸入的四個數字,並以完全相同的方式套用到整段影片的每一幀。這就是為什麼輸入欄位稱為 X、Y、寬度與高度,而非「開始時間」或「縮放等級」。當目標是 TikTok 貼文時,最常見的用途是從較寬的來源中移除不必要的邊緣(上下黑邊、三腳架陰影、頭部上方的多餘空間),讓剩下的矩形符合平台預期的畫面。
當來源已具備正確的長寬比時,通常可以保留預設值,完全跳過裁切。預設值會選取整個畫面。裁切之所以重要,是因為大多數影片的形狀都不正確:來自相機的 16:9 橫向影片、來自舊版軟體的 4:3 匯出檔,或是橫向拍攝的手機影片。Video Cropper 工具無法新增來源中不存在的像素,但可以精確挑選您想保留的像素。
TikTok 常見的畫面尺寸
少數幾個與 TikTok 相容的畫面即可涵蓋絕大多數的貼文。精確規格偶爾會變動,但下表列出人們在追求乾淨的全螢幕結果、方形貼文,或在動態中仍看起來合適的較短直式影片時,最常設定的尺寸。
| 用途 | 長寬比 | 目標解析度 |
|---|---|---|
| 全螢幕直式(預設動態) | 9:16 | 1080 × 1920 |
| 方形貼文 | 1:1 | 1080 × 1080 |
| 高瘦直式 | 4:5 | 1080 × 1350 |
這些是來源在裁切前必須曝露的矩形。如果來源的解碼尺寸小於目標畫面,輸出就無法達到那些像素,因為裁切只能移除外部區域。例如,一段 1920 × 1080 的來源只有 1080 個垂直像素,因此若不先放大,就無法從該來源裁切出 1080 × 1920 的垂直影片,而 Video Cropper 並不會進行放大。
對於從寬幅橫向影片擷取的 TikTok 貼文,務實的做法是選擇一個落在來源最小邊內、且符合平台接受長寬比的目標。當來源為 1920 × 1080 時,可容納的最大 9:16 矩形為 608 × 1080(9:16 四捨五入至整像素),置中於 X = 656。當主體位於畫面中央時,這足以在保留安全邊距的情況下垂直發布。
使用 Video Cropper 為 TikTok 裁切影片
此工具完全在瀏覽器分頁中執行。請依照下列步驟,在不上傳來源檔案的情況下,為 TikTok 裁切本機影片。
- 在瀏覽器中開啟 Video Cropper 工具。
- 選擇瀏覽器可解碼的影片檔(MP4、WebM、MOV、M4V 或 Ogg)。副檔名可接受並不保證編解碼器支援,因此解碼取決於目前的瀏覽器。來源不得超過 500 MiB、解碼後長度不得超過 5 分鐘、任一邊不得超過 4096 px,或總面積不得超過 3840 × 2160。
- 等待來源尺寸顯示。工具會讀取第一幀的解碼寬度與高度,四個座標輸入欄位只有在該值已知後才能使用。
- 輸入您想保留矩形的 X 偏移(從左側開始的像素)、Y 偏移(從頂部開始的像素)、寬度(水平範圍)與高度(垂直範圍)。每個值都是未經處理的非負整像素;寬度與高度各自至少為 2;X + 寬度與 Y + 高度必須保持在解碼來源範圍內;且最終的輸出區域不得超過 3840 × 2160。
- 選擇 Crop video。分頁會在本機播放來源,以 30 fps 只將要求的區域繪製到 Canvas 上,將該 Canvas 擷取為 WebM,並在瀏覽器透過媒體擷取公開音軌時附加來源的音軌。
- 在整段錄製期間保持分頁開啟且處於焦點狀態。一分鐘的來源大約需要一分鐘;較長的來源則按比例需要更長時間。在錄製過程中關閉或讓分頁進入背景,可能會中斷串流並產生不完整的檔案。
- 當下載連結出現時,儲存 WebM 並在刪除來源前從頭到尾檢視。確認長度、裁切矩形、音軌是否存在,以及該檔案可在目的地播放器中播放。
解讀 X、Y、寬度與高度輸入欄位
這四個輸入欄位描述的是來源座標系統中的一個靜態矩形,而非感興趣區域或時間軸。X 與 Y 是從每一幀左上角開始測量的偏移量:X 將矩形向右移動,Y 將其向下移動。寬度是水平範圍,高度是垂直範圍。四個值共同定義一個矩形,工具會將其套用至影片中的每一幀。
有幾項規則可確保輸入安全。每個值都必須是未經處理的非負整數,且工具不會對無效輸入進行四捨五入或位移。寬度與高度各自至少必須為 2 像素,因為 1 像素或 0 像素的尺寸並無實質可錄製內容。X + 寬度不得超過來源的解碼寬度,Y + 高度不得超過來源的解碼高度,使矩形完全位於來源範圍內。輸出區域(寬度 × 高度)不得超過 3840 × 2160 像素,較大的矩形會失敗且不會產生不完整的檔案。
預設值會選取整個畫面,這是在鎖定較小裁切範圍前測試流程的有用方式。當目標是從 1920 × 1080 來源中擷取中央區域作為 9:16 垂直貼文時,計算方式為 寬度 = round(1080 × 9 ÷ 16) = 608,然後 X = (1920 − 608) ÷ 2 = 656。四個輸入變為 X = 656、Y = 0、寬度 = 608、高度 = 1080。該矩形完全位於來源範圍內,每個值都是整像素,且 608 × 1080 = 656 640 像素的輸出區域遠低於 3840 × 2160 的上限。
裁切範圍不會隨時間移動。它並非追蹤裁切、平移或縮放。如果主體在畫面中漂移,每一幀都會套用同一個固定矩形,因此請將矩形放置在主體停留時間最久的區域。
決定裁切能否完成的限制
少數幾項硬性限制會決定錄製能否執行到底。瀏覽器解碼的檔案必須符合輸入預算,且要求的矩形必須符合輸出預算。這兩組檢查都會在錄製開始前執行,無效輸入會立即失敗且不會產生不完整的檔案。
| 限制條件 | 上限 |
|---|---|
| 來源檔案大小 | 有效的檔案,最大 500 MiB |
| 解碼後長度 | 大於 0,不超過 5 分鐘 |
| 來源邊長 | 任一邊不超過 4096 像素 |
| 來源面積 | 不超過 3840 × 2160 像素 |
| 輸出面積 | 不超過 3840 × 2160 像素 |
| 寬度 / 高度 | 各自至少 2 像素 |
| 偏移(X、Y) | 非負整像素,且 X + 寬度與 Y + 高度必須位於來源範圍內 |
| 處理時間 | 以來源播放速度即時進行;分頁必須保持開啟 |
這些限制與 Video Compressor 所使用的同一組稽核閘門共用。如果來源過大、過長,或像素過多,裁切就無法開始。如果矩形無效,裁切就無法開始。如果來源的音訊無法透過瀏覽器的媒體擷取流程擷取,錄製將在無聲狀態下執行,且輸出為靜音。
輸出位元速率會依據裁切區域以每秒 30 幀進行調整,並介於 180 kbps 至 8 Mbps 之間。這是單次通過的瀏覽器設定,並非檔案大小或視覺品質的保證。快速動作、雜訊、顆粒、來源編解碼器,以及瀏覽器的編碼器,都會改變 WebM 的實際大小。在完整檢視輸出之前,請保留原始檔案。
將裁切後的 WebM 上傳至 TikTok 之前
在檔案送至上傳畫面前,三項快速的檢查即可揪出大多數問題。
首先,請在您預計用於桌面或行動裝置的同一播放器中播放 WebM。確認長度與來源相符、裁切矩形確實位於預期位置,且檔案解碼時沒有錯誤。輸出會使用瀏覽器在 VP9、VP8 與通用 WebM 中首先回報的 WebM 錄製器,且工具會以時間戳刻度刻度寫入有限的 Matroska Duration 值,使檔案回報實際的播放長度而非開放式串流,遵循 Matroska 容器規格。結果必須維持非空白並以要求的尺寸進行解碼,但部分播放器在邊界情況下仍可能有不同解讀。
其次,請驗證音訊。只有在瀏覽器透過媒體擷取公開可擷取音軌時,才會包含音訊。支援程度因瀏覽器與來源編解碼器而異。當來源具有聲音但輸出為靜音時,請使用不同的來源編解碼器重新執行裁切,或轉換來源,使目前的瀏覽器透過擷取公開音軌。
第三,請預期會發生元資料遺失。字幕、章節、附件、旋轉標籤、HDR 訊號,以及大多數色彩元資料都不會在裁切後保留。如果來源依賴旋轉標籤才能正確顯示,該旋轉標籤將在 WebM 中消失。裁切僅會改變可見的畫面區域,不會進行其他處理;它並非依時間剪輯、調整大小、僅壓縮、遮蔽、模糊或物件移除工具。當需要其他類型的變更時,請將裁切與針對該變更的工具搭配使用,例如使用 Video Trimmer 依時間剪輯、使用 Video Resizer 進行保持長寬比的調整大小,或使用 Video Compressor 在相同矩形下縮小檔案大小。
當您想以同樣精準至像素的方式為其他平台裁切影片時,工作流程可以沿用。相同的像素座標方法亦可用於 Instagram 貼文與限時動態。
如果您正在權衡選項,YouTube Video Cropping: Pixels, Audio, Output Format 有詳細說明。