網站影片與媒體素材的規格與注意事項

影片能留住人，也能拖垮網站

影片作為第一印象的主體，效果很好——訪客一進站就被畫面留住。但影片檔案比圖片大得多，處理不當會讓網站在手機上完全打不開。

這篇整理提供影片素材時該注意的規格與取捨。

格式與基本規格

提供原始檔即可，壓縮與轉檔由網站端處理。跟圖片一樣，您負責提供品質最好的來源。

自架還是嵌入影音平台？

常見的搭配：首頁的無聲背景影片放自己主機（要夠短夠小），完整的形象片或產品說明片嵌入影音平台。

嵌入時要留意：平台可能在影片結束後顯示其他人的影片推薦，設定時通常可以關閉或限制。

背景影片的四個必要條件

如果要在首頁放滿版背景影片，這幾件事一定要做：

1. 靜音——多數瀏覽器不允許有聲音的影片自動播放，而且突然出聲會嚇到訪客
2. 提供靜態備援圖——影片載入前、或在不支援的環境下，要有一張圖頂著，不能是空白
3. 手機另外處理——行動網路載入大檔很慢且耗流量。常見做法是手機版直接顯示靜態圖，不播影片
4. 文字要看得清楚——影片上疊標題時，需要遮罩或陰影，否則畫面一亮文字就消失

手機端的效能考量見手機版破版與常見問題排查。

拍攝時的建議

背景影片

• 畫面單純、動作緩慢——上面要疊文字，太複雜會互相干擾
• 預留裁切空間——不同螢幕比例會裁切不同區域，重要主體不要放在邊緣
• 能循環最好——首尾畫面相近，重複播放時不會有明顯跳接

說明性影片

• 前五秒決定去留——重點放最前面，不要用長長的片頭
• 加上字幕——很多人在無聲環境觀看，沒字幕等於沒內容
• 畫面中的文字要夠大——手機螢幕上會縮小很多

字幕與無障礙

字幕有三個作用：讓無聲觀看的人看得懂、讓聽障者能理解、以及讓搜尋引擎讀得到影片的內容。

影片本身對搜尋引擎而言只是一個檔案，裡面說了什麼它不知道。如果影片承載了重要資訊，建議在頁面上同時提供文字說明。

這與「重要文字不要做成圖片」是同一個道理——搜尋引擎讀的是文字，不是畫面。

音訊素材

網站上使用背景音樂要非常謹慎：

• 不要自動播放——這是最容易讓人立刻關掉網頁的設計
• 一定要有明顯的關閉按鈕
• 注意授權——音樂的著作權管理通常比圖片更嚴格，使用市售音樂需取得授權

多數企業網站其實不需要背景音樂。若有需求，建議只在特定的展示頁面使用，並讓使用者主動點擊播放。

版權提醒

影片與音樂的授權往往比圖片複雜——一支影片可能同時涉及影像、配樂、旁白、以及入鏡人物的肖像權。

• 自行拍攝的影片，若有員工或客戶入鏡，應取得同意
• 使用市售或網路上的音樂、影片素材，務必確認授權範圍
• 保留所有授權證明

素材授權的完整說明見網站版型的授權與安全性風險。

沒有影片素材怎麼辦

不必為了「別人都有」而硬做。影片是加分項目，不是必要項目——一張好的實景照片，效果勝過一支勉強拼湊的影片。

若確實需要，多數網頁設計公司可以協助安排拍攝或轉介，這通常是另計費用的加購項目。及早提出，比拖到最後卡住整個專案好。