背景影片 5MB 太肥?我用 FFmpeg 壓到 400KB

一支 10 秒的網站背景影片,從 5.5MB 壓到約 400KB。用 FFmpeg 做好尺寸、音訊與編碼設定,就能兼顧載入速度和畫質。

背景影片一放上網站,載入速度就開始掉血。畫面是好看沒錯,但一支 5MB 影片對新手作品來說,根本是還沒出新手村就背了一袋石頭。

我剛把一支 10 秒、1400×1400 的登入頁背景影片,從 5.5MB 壓到大約 400KB。不誇張,檔案少了九成以上,畫面放在網站左半邊看起來還是很清楚。

關鍵不是把影片亂砍到糊掉。先想清楚它在網站裡的任務:它是背景,不是 YouTube 主片,所以不需要原始尺寸、也不需要聲音。

第一步,先把尺寸降到 1080×1080。登入頁只佔桌機畫面的一半,1400×1400 的資訊根本用不到;縮小尺寸,就是先把不必要的重量卸掉。

第二步,直接移除音訊。背景影片通常會設定成靜音自動播放,保留音軌只會讓檔案變肥,完全沒有加分。

第三步,用 H.264 重新編碼,再用 CRF 控制畫質。CRF 像是畫質旋鈕:數字越小越清楚、檔案越大;先從 26 開刷,通常就是速度和畫質的甜蜜點。

直接複製這行:

bash
ffmpeg -y -i "原始影片.mp4" -map 0:v:0 -an -vf "scale=1080:1080" -c:v libx264 -preset slow -crf 26 -pix_fmt yuv420p -movflags +faststart "網站背景影片.mp4"

如果你想更清楚,把 CRF 改成 23;想再壓小,就試 28。今天就挑一支你作品裡最肥的背景影片跑一次,丟回網站測載入速度——這個小裝備,會讓你的網站立刻升級。

// 想收到更多這樣的拆解?

留個 Email,新文章第一時間送到

名單頁:/newsletter