網頁動畫工具箱

網頁背景影片壓縮:ffmpeg 指令產生器

重點摘要:背景影片壓縮工具產生 H.264 MP4、VP9 WebM、AV1 與 poster 封面圖共 4 條 ffmpeg 指令,可選 5 種寬度、4 種影格率與 3 種畫質;建議背景影片 10–20 秒、無聲、循環,檔案盡量壓在 3 MB 以內。

首頁大影片是網站變慢的頭號原因。選好尺寸與畫質,複製指令到終端機執行。

FFmpeg 官方文件

常見問題

H.264、VP9、AV1 要選哪一種?

三種都放最好:AV1 檔案最小,其次 VP9,H.264 相容性最好。用多個 source 依序列出,讓瀏覽器自己挑能播放的格式。

為什麼背景影片在 iPhone 不會自動播放?

自動播放必須同時加上 muted 與 playsinline,iOS 才會播放;本站產生的 video 語法已包含 autoplay、muted、loop、playsinline 與 preload=metadata。

畫質選項對應的 CRF 是多少?

H.264 高畫質/平衡/最小檔案分別為 CRF 22、26、30;VP9 為 31、36、41;AV1 為 32、38、44,數字越大檔案越小、畫質越低。

背景影片要注意哪些無障礙規範?

超過 5 秒的自動播放影片要提供暫停按鈕(WCAG 2.2.2);本站 CSS 也會在減少動態模式下隱藏影片、改顯示 poster 封面圖。

參考來源