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

調整影片大小真正的意義
調整影片大小意味著改變每一幀的像素尺寸。當畫面變小時,編碼器每幀繪製的像素會減少。當畫面變大時,編碼器必須「發明」像素,這通常會讓畫面變得模糊,而無法增加真正的細節。因此,調整大小通常用於將影片縮小而非放大,且來源本身必須已經等於或大於目標尺寸,調整大小才有意義。
在比較各種方式時,兩個名詞會不斷出現:長寬比和邊界框。長比是寬度與高度之間的比例關係,以 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 captureStream 與 MediaRecorder;檔案不會上傳 |
| 相較於來源可能改變的項目 | 品質、位元速率、影格時間、音訊配置、色彩中繼資料及檔案大小 |
從這個表格可以得出兩個結論。即時編碼意味著調整大小所需的時間與影片播放時間大致相同,因此一段 3 分鐘的剪輯大約需要 3 分鐘才能完成。輸出是新重新編碼的 WebM 檔案,而非僅重寫中繼資料,因此位元速率與品質是由瀏覽器編碼器決定,而非從來源複製而來。
如何在瀏覽器中比較調整影片大小的方式
要並列比較兩種方式,方法是將同一個來源分別以兩種模式執行,再觀察產生的檔案。Video Resizer 接受 MP4、WebM、MOV、M4V 與 Ogg 格式的來源檔案,大小上限為 500 MiB、長度上限為五分鐘,並對相同的寬度和高度輸入提供 Fit 與 Stretch 兩種模式。
- 在全新的瀏器分頁中開啟 Video Resizer,並從 MP4、WebM、MOV、M4V 或 Ogg 中挑選一個本機來源檔案。請等待瀏覽器讀完檔案中繼資料後再繼續。
- 輸入您要測試的同一組最大寬度和高度,例如 1280 和 800。這些數字對 Fit 而言是邊界框,對 Stretch 而言則是精確的輸出尺寸。
- 先選擇 Fit,點選 Resize video,並在即時編碼期間保持分頁開啟。下載產生的 WebM 檔案,並將其標記為 Fit 版本。
- 使用相同的來源檔案以及相同的寬度和高度,重新開啟或重設工具,然後將模式切換為 Stretch。再次點選 Resize video,並下載第二個 WebM 檔案。
- 將兩個檔案並列開啟。Fit 檔案會保持原始比例,且可能會在所要求的邊界框內留下單一軸向上的空白。Stretch 檔案會剛好符合邊界框,且看起來可能比來源更寬或更高。
如果比較是針對特定平台,請以該平台建議的精確尺寸重複測試,而非使用通用邊界框。Fit 方式會產生一個平台不會變形的檔案,而 Stretch 方式會產生一個剛好填滿畫布的檔案。
本機調整大小無法做到的事
比較各種方式也是一個機會,讓您了解瀏器型工具中的 Fit 與 Stretch 都無法做到的事。調整大小無法新增來源中沒有的細節,因此將小尺寸剪輯放大並不會讓它變成清晰的大尺寸剪輯。調整大小無法移除上下加黑邊來源的黑色邊條,因為黑邊是畫面的一部分,會在調整大小後保留下來。調整大小無法裁切主體以填滿不同的比例,因為裁切是由像 Video Cropper 這類工具另外處理的獨立操作。調整大小無法保留字幕、多國語言音軌或章節標記,因為 WebM 輸出是從 canvas 擷取而來,而非從來源重新封裝。調整大小無法繞過 DRM,也無法在瀏覽器無法解碼的編解碼器上起死回生。對於需要精確影格定位的交付、MP4 輸出、色彩管理工作流程或精確位元速率控制,專用的桌面編碼器仍是正確的選擇。
在清楚這些限制後,比較的問題通常會簡化為一個決策:您是要在邊界框內保留來源比例,還是要精確尺寸而可能變形。Fit 處理第一種情況,Stretch 處理第二種情況,而本機工具讓您能夠在不需上傳任何內容的情況下,針對同一個來源嘗試兩種做法。
如需更深入的探討,請參閱 如何比較擷取影片影格的方式。