要比較調整影片大小的各種方式,請先釐清您希望原始長寬比在邊界框內保持不變,還是希望忽略變形、使用精確的寬度和高度。大多數瀏器型調整大小工具中兩種實用的做法是 Fit(適配),它會保留來源長寬比,並將畫面等比例縮放到您輸入的寬度和高度範圍內;以及 Stretch(拉伸),它會直接採用您輸入的精確寬度和高度,因此可能會刻意造成畫面變形。第三種較少見的做法是裁切,但裁切是移除像素而不是調整像素大小,因此會改變構圖而非改變像素尺寸。在 Fit 和 Stretch 之間做選擇是最核心的決策,而正確的選擇取決於影片播放的位置、目的地平台對長寬比的嚴格程度,以及是否能接受上下黑邊或拉伸變形。瀏覽器型工具的這兩種做法都會將影片重新編碼為 WebM 檔案,每邊最大可達 1920 像素,且都在您的裝置上處理來源檔案,而不會將其上傳到伺服器。

how do i compare approaches to resize video
比較調整影片大小的方式:Fit vs Stretch

調整影片大小真正的意義

調整影片大小意味著改變每一幀的像素尺寸。當畫面變小時,編碼器每幀繪製的像素會減少。當畫面變大時,編碼器必須「發明」像素,這通常會讓畫面變得模糊,而無法增加真正的細節。因此,調整大小通常用於將影片縮小而非放大,且來源本身必須已經等於或大於目標尺寸,調整大小才有意義。

在比較各種方式時,兩個名詞會不斷出現:長寬比和邊界框。長比是寬度與高度之間的比例關係,以 16:9 或 9:16 這類形式表示。邊界框則是您允許輸出所佔用的最大度和高度。Fit 方式會將您輸入的度和高度視為邊界框,並在框內保持來源比例。Stretch 方式則忽略來源比例,強制輸出符合您輸入的精確度和高度。

兩種調整大小方式並列比較

比較這兩種主要方式最清楚的做法是將它們放入表格中,逐項並列檢視。這兩種方式在 Video Resizer 中皆可使用,並可將同一個來源檔案處理兩次,以呈現輸出的差異。

屬性Fit(保留長寬比)Stretch(精確尺寸)
長寬比沿用來源長寬比強制為所要求的寬度和高度
將寬度和高度視為邊界框精確的輸出尺寸
使用的縮放比例寬度縮放與高度縮放中較小者度和高度使用各自的縮放比例
是否裁切永不裁切永不裁切
是否變形不變形可能造成畫面變形
最適用於嚴格要求長寬比的目的地及社群動態固定畫布、縮圖、橫幅及格狀版面
輸出尺寸在邊界框內向下取整為偶數在精確尺寸上向下取整為偶數

沿著表格往下閱讀,最重要的對比在第三列。Fit 對兩個軸套用同一個縮放比例,而 Stretch 對每個軸套用不同的縮放比例。這個單一差異就是 Stretch 會造成變形而 Fit 不會的原因,也是您在針對特定工作比較兩種方式時,最乾淨俐落的方式來釐清兩者的差異。

Fit 勝出的時機與 Stretch 勝出的時機

當目的地無法容忍變形或錯誤的比例時,Fit 就是首選。大多數社群平台都屬於這一類。直式 9:16 的短影片、1:1 的方形貼文,以及 16:9 的向播放器,都預設來源已經符合其長寬比。當來源不符時,播放器要嘛以黑邊上下加框處理,要嘛直接拒絕上傳。Fit 的解法是將畫面縮放到能放入 1080×1920 邊界框內,同時不改變比例。

當目的地有固定畫布,而您希望畫面能邊對邊地填滿,無論是否變形時,Stretch 就是首選。必須剛好 1920×600 的橫幅、每格剛好 320×180 的縮圖列,或是每個欄位大小相同的拼貼格狀版面,都是常見的例子。在風格化影片中,Stretch 也是刻意的創作選擇,當視覺風格仰賴變形而非對抗變形時尤其如此。

一個簡單的數字範例可以讓差異更具體。取一個 1920×1080 的來源,在 Fit 模式下要求 1280×800 的邊界框。度縮放比例為 1280 ÷ 1920 = 0.6667。高度縮放比例為 800 ÷ 1080 = 0.7407。Fit 會選擇較小的縮放比例,因此採用 0.6667。輸出寬度為 1920 × 0.6667 = 1280,高度為 1080 × 0.6667 = 720。輸出會置於 1280×800 邊界框內,上下留白,且長寬比與來源相符。若同一個 1920×1080 的來源以 Stretch 模式輸入 1280×800,輸出會剛好是 1280×800,且畫面在垂直方向上明顯被壓扁。

對於比例至關重要、且希望在不裁切的情況下保留完整畫面的平台特定目標,Fit 方式與 Instagram 無裁切調整影片大小工作流程 中使用的方式相同。

兩種調整大小方式共同的上限

瀏器型調整大小工具中的 Fit 和 Stretch 共享相同的輸入限制、輸出格式與處理模型。這些限制無論您選擇哪種方式皆適用,因此應與各方式之間的差異並列放在比較表中。

屬性數值或行為
輸出最大寬度或高度1920 像素
輸出最小寬度或高度2 像素
奇數尺寸的處理向下取整一個像素,以落在偶數值
來源大小上限500 MiB
來源長度上限5 分鐘
來源每邊最大值4096 像素
來源最大面積3840 × 2160 像素
輸出容器WebM
輸出編解碼器VP9 或 VP8 影片,加上瀏覽器可存取的音訊
編碼速度在瀏覽器分頁中即時重新編碼
處理位置在本機瀏覽器分頁中使用 canvas captureStreamMediaRecorder;檔案不會上傳
相較於來源可能改變的項目品質、位元速率、影格時間、音訊配置、色彩中繼資料及檔案大小

從這個表格可以得出兩個結論。即時編碼意味著調整大小所需的時間與影片播放時間大致相同,因此一段 3 分鐘的剪輯大約需要 3 分鐘才能完成。輸出是新重新編碼的 WebM 檔案,而非僅重寫中繼資料,因此位元速率與品質是由瀏覽器編碼器決定,而非從來源複製而來。

如何在瀏覽器中比較調整影片大小的方式

要並列比較兩種方式,方法是將同一個來源分別以兩種模式執行,再觀察產生的檔案。Video Resizer 接受 MP4、WebM、MOV、M4V 與 Ogg 格式的來源檔案,大小上限為 500 MiB、長度上限為五分鐘,並對相同的寬度和高度輸入提供 Fit 與 Stretch 兩種模式。

  1. 在全新的瀏器分頁中開啟 Video Resizer,並從 MP4、WebM、MOV、M4V 或 Ogg 中挑選一個本機來源檔案。請等待瀏覽器讀完檔案中繼資料後再繼續。
  2. 輸入您要測試的同一組最大寬度和高度,例如 1280 和 800。這些數字對 Fit 而言是邊界框,對 Stretch 而言則是精確的輸出尺寸。
  3. 先選擇 Fit,點選 Resize video,並在即時編碼期間保持分頁開啟。下載產生的 WebM 檔案,並將其標記為 Fit 版本。
  4. 使用相同的來源檔案以及相同的寬度和高度,重新開啟或重設工具,然後將模式切換為 Stretch。再次點選 Resize video,並下載第二個 WebM 檔案。
  5. 將兩個檔案並列開啟。Fit 檔案會保持原始比例,且可能會在所要求的邊界框內留下單一軸向上的空白。Stretch 檔案會剛好符合邊界框,且看起來可能比來源更寬或更高。

如果比較是針對特定平台,請以該平台建議的精確尺寸重複測試,而非使用通用邊界框。Fit 方式會產生一個平台不會變形的檔案,而 Stretch 方式會產生一個剛好填滿畫布的檔案。

本機調整大小無法做到的事

比較各種方式也是一個機會,讓您了解瀏器型工具中的 Fit 與 Stretch 都無法做到的事。調整大小無法新增來源中沒有的細節,因此將小尺寸剪輯放大並不會讓它變成清晰的大尺寸剪輯。調整大小無法移除上下加黑邊來源的黑色邊條,因為黑邊是畫面的一部分,會在調整大小後保留下來。調整大小無法裁切主體以填滿不同的比例,因為裁切是由像 Video Cropper 這類工具另外處理的獨立操作。調整大小無法保留字幕、多國語言音軌或章節標記,因為 WebM 輸出是從 canvas 擷取而來,而非從來源重新封裝。調整大小無法繞過 DRM,也無法在瀏覽器無法解碼的編解碼器上起死回生。對於需要精確影格定位的交付、MP4 輸出、色彩管理工作流程或精確位元速率控制,專用的桌面編碼器仍是正確的選擇。

在清楚這些限制後,比較的問題通常會簡化為一個決策:您是要在邊界框內保留來源比例,還是要精確尺寸而可能變形。Fit 處理第一種情況,Stretch 處理第二種情況,而本機工具讓您能夠在不需上傳任何內容的情況下,針對同一個來源嘗試兩種做法。

如需更深入的探討,請參閱 如何比較擷取影片影格的方式