為什麼錄屏影片的文字總是模糊的?教學類錄屏到底該用 30fps 還是 60fps?螢幕內容和攝像機拍的內容,對編碼器的要求完全不同。
錄了一段操作教學,上傳到影片平台後發現——文字邊緣是糊的、滑鼠游標周圍有馬賽克、滾動頁面時畫面像被撕碎。錄屏看似簡單(開錄→停止→匯出),但要讓螢幕內容在最終影片中保持清晰,需要對錄屏參數和相關編碼原理有一些了解。螢幕內容和攝影機拍攝的內容,在編碼特性上有著本質的區別。
螢幕內容 vs 攝影機內容:為什麼普通編碼器對錄屏「不友好」
影片編碼器(H.264、H.265 等)是為「自然畫面」最佳化的——攝影機拍攝的連續幀之間變化通常平滑且包含大量平滑漸層(天空、膚色、光照過渡)。
螢幕內容恰恰相反:
| 特性 | 自然畫面(攝影機) | 螢幕內容(錄屏) |
|---|---|---|
| 空間複雜度 | 低頻為主(大面積平滑) | 高頻為主(文字邊緣、UI 線條、圖示細節) |
| 時間變化 | 動態模糊平滑變化 | 突變(跳轉、彈窗彈出、滾動) |
| 色彩分布 | 連續漸層 | 離散色塊(純色按鈕、文字) |
| 重複模式 | 少 | 多(同一視窗、選單結構) |
編碼器處理螢幕內容時面臨的挑戰: - 高頻細節(文字)需要高碼率才能保持清晰:編碼器在碼率不足時會優先模糊高頻成分,文字邊緣首當其衝 - 突變的幀變化(頁面滾動、彈窗)引發碼率尖峰:CBR 模式下品質下降明顯 - 純色區域容易產生色塊感:編碼器的量化誤差在螢幕內容的純色區域上更容易被察覺
螢幕內容編碼的專用工具
由於以上差異,出現了專門針對螢幕內容最佳化的編碼技術(部分也已納入主流編碼標準):
- Screen Content Coding (SCC):H.265 和 AV1 都包含 SCC 擴展,能更好地處理文字和 UI 元素
- I-frame 間隔:對錄屏來說,更短的 I-frame 間隔(每 1-2 秒一個關鍵幀)有利於滾動操作中的畫面恢復
- 色彩格式:4:2:0 的色度抽樣對螢幕內容的文字邊緣不利,4:4:4 是理想選擇(但檔案更大、相容性更低)
幀率選擇:15fps、30fps 還是 60fps
錄屏的幀率選擇取決於內容類型,並非越高越好:
| 內容類型 | 推薦幀率 | 原因 |
|---|---|---|
| PPT/幻燈片/靜態畫面 | 15 fps | 畫面幾乎沒有變化,高幀率浪費碼率 |
| 軟體操作教學(非滾動) | 15-30 fps | 滑鼠移動和按鈕點擊 30fps 已足夠 |
| 程式碼編輯器示範 | 30 fps | 程式碼輸入和滾動在 30fps 下清晰可辨認 |
| UI 原型/動畫示範 | 30-60 fps | 過渡動畫在 30fps 下可能卡頓 |
| 遊戲錄製 | 60 fps(或匹配遊戲幀率) | 動作流暢需要 60fps |
| 滾動網頁瀏覽 | 30-60 fps | 滾動中的文字在低幀率下更模糊 |
錄屏的一條經驗法則:在滿足內容流暢度的前提下使用最低的幀率。15-30fps 對絕大多數教學和演示內容綽綽有餘。省下的碼率可以投入給解析度——對文字清晰度的提升更明顯。
碼率:螢幕錄製保清晰的關鍵
螢幕內容的高頻特性使其成為「碼率殺手」——同樣在 1080p,一段實拍影片可能需要 5 Mbps,一段螢幕錄製可能需要 10-15 Mbps 甚至更高(取決於文字密度和動畫頻率)。
推薦錄屏碼率表(H.264 編碼)
| 解析度 | 低複雜度(靜態+少量文字) | 中複雜度(操作+UI) | 高複雜度(動畫+滾動+遊戲) |
|---|---|---|---|
| 720p | 2-4 Mbps | 4-8 Mbps | 8-12 Mbps |
| 1080p | 5-8 Mbps | 8-15 Mbps | 15-25 Mbps |
| 1440p (2K) | 10-15 Mbps | 15-25 Mbps | 25-40 Mbps |
| 2160p (4K) | 20-30 Mbps | 30-50 Mbps | 50-80 Mbps |
如果使用 H.265/HEVC 編碼,以上數值大致可降至 40-50%。使用 AV1 可進一步降低,但相容性和編碼速度受限。
文字清晰度的碼率建議
對於以文字為主的錄屏內容,下面的配置能顯著改善文字邊緣品質:
- 提高碼率——文字清晰度的最低「有效」碼率為 1080p H.264 約 8 Mbps
- 使用 CRF(恆定品質)模式——設定 CRF 18-20 而不是固定 CBR,讓編碼器在需要時「花更多碼率」在複雜幀上
- 考慮 4:2:2 或 4:4:4——如果錄屏軟體支援(如 OBS Studio),選擇 YUV 4:2:2 或 4:4:4 可以減少文字邊緣的彩色鋸齒(但相容性和檔案大小需權衡)
- 避免錄屏後過度壓縮——錄屏素材本身已經經過一次編碼,二次編碼(如上傳到影片平台再壓縮)會放大文字模糊
瀏覽器錄製 vs 桌面錄製軟體
線上瀏覽器錄製(如本站的線上錄製工具)
優點: - 零安裝,打開網頁即可錄製 - 適合快速錄製和簡單場景 - 通常自動最佳化解析度和幀率
限制: - 受限於 WebRTC / MediaRecorder API——編碼選項有限,通常只能使用 H.264 和固定碼率 - 無法錄製瀏覽器視窗外部的內容(如其他軟體操作或系統級選單) - 畫面捕捉的幀率不穩定,尤其高解析度時 - 錄製時長受記憶體限制(瀏覽器標籤頁的記憶體佔用隨錄製時長增加)
| 瀏覽器錄製特徵 | 典型值 |
|---|---|
| 可用編碼 | H.264(通常是 Baseline/Main Profile) |
| 最大幀率 | 30 fps(多數瀏覽器) |
| 最大解析度 | 受系統效能限制,4K 可行但不穩定 |
| 碼率控制 | 固定碼率(瀏覽器決定參數) |
| 色彩抽樣 | 通常是 4:2:0 |
桌面錄製軟體(如 OBS Studio、Bandicam、ScreenFlow)
優點: - 豐富的編碼選項:選擇編碼器、碼率控制模式(CBR/VBR/CRF)、色彩抽樣 - 支援多源混合:畫面 + 攝影機 + 麥克風 + 應用音訊 + 視窗疊加 - 高效能 GPU 加速編碼 - 可以錄製系統級內容(UAC 彈窗、拖拽操作等)
限制: - 需要安裝和學習配置 - 開源免費選項多(OBS、ShareX),但門檻較高的專業軟體費用不菲 - 高效能錄屏需要較好的硬體配置
選擇指南
| 場景 | 推薦方式 |
|---|---|
| 臨時快速錄製(1-3 分鐘教學) | 線上錄製工具,無需安裝 |
| 正式教學製作(含後期編輯) | 桌面軟體 OBS Studio(免費+功能完整) |
| 需要攝影機畫中畫+螢幕 | 桌面軟體(OBS、Camtasia) |
| 4K 遊戲錄製 | 桌面軟體(OBS 或 GPU 廠商錄屏工具如 ShadowPlay/ReLive) |
| 跨平台/需要快速分享 | 線上錄製匯出的檔案通常已壓縮為較小體積 |
錄屏後的壓縮工作流
錄屏產生的大檔案通常需要壓縮後再分發。推薦的壓縮策略:
原始錄屏(大檔案,高碼率,通常 CRF 16-18 錄製)
↓
在編輯軟體中剪輯/加字幕/調整
↓
壓縮匯出 → 目標碼率按分發平台選擇(YouTube HQ / 本地存檔 / 郵件附件)
關鍵原則
錄製時用高品質,壓縮在匯出階段做: - 錄製時用 CRF 16-18 或足夠高的 CBR(配置按推薦的「高複雜度」檔) - 不要在錄製階段就壓縮到最終分發碼率——這會把「壓縮偽影」釘死在素材中,後期無法挽回
編輯後再壓縮: - 先在原始品質下完成剪輯,最後一步才做壓縮 - 使用 CRF 模式(18-22 對螢幕內容通常合適)而不是 CBR,以便編碼器根據幀複雜度分配碼率
針對螢幕內容的 CRF 推薦: - CRF 16-17:近乎無損,適合存檔 - CRF 18-20:高品質,適合教學分發 - CRF 21-23:可接受品質,文字清晰度開始下降 - CRF 24+:文字顯著模糊,不推薦教學類錄屏內容使用
常見誤區
- 「錄屏用 60fps 比 30fps 清晰」:幀率不影響靜態畫面的清晰度。對於教學和示範類內容,30fps 完全足夠,60fps 只是多花一倍的碼率和儲存空間。
- 「文字模糊是因為錄屏時解析度不夠」:解析度低是原因之一,但更常見的原因是碼率不足(編碼器犧牲了高頻細節)。提高碼率往往比提高解析度更能改善文字清晰度。
- 「錄屏後在剪輯軟體裡加銳化濾鏡可以改善文字模糊」:銳化可以增強邊緣對比,讓文字看起來更銳利,但無法恢復已經被編碼器丟棄的高頻資訊。過度銳化還會產生光暈(halo)偽影。
- 「瀏覽器錄製和桌面軟體錄製畫質一樣」:在同樣解析度和碼率下,桌面軟體通常提供更好的編碼控制(Profile、色彩採樣、碼率控制模式),因此可以產出更高品質的錄屏檔案。
- 「錄屏檔案太大,匯出時直接把碼率壓到 2 Mbps 就好了」:1080p 螢幕內容在 2 Mbps H.264 下的文字幾乎不可辨認。為螢幕內容保留足夠的碼率,比降低碼率更重要。
實用建議
- OBS Studio 的推薦錄屏設定(通用教學):
- 輸出解析度:1920×1080
- 幀率:30 fps
- 編碼器:硬體 H.264/HEVC(使用 GPU 編碼減少 CPU 負載)
- 碼率控制:CRF 18(或 CBR 15 Mbps)
- 色彩格式:NV12(即 4:2:0,通用相容)——如果軟體支援且有特殊需求(UI 截圖為教材),可考慮 I444(4:4:4)
錄音:48 kHz AAC 192 kbps
純程式碼/文字示範:如果主要展示的內容是程式碼編輯器(文字為主),可以考慮降低到 1080p 25-30fps 並配上較高的碼率(12-15 Mbps),而不是盲目上 4K。4K 錄屏檔案巨大,且多數平台的分發解析度限制了實際收益。
硬體加速:OBS 等工具支援 Intel QSV、NVIDIA NVENC、AMD AMF 硬體編碼。NVENC(NVIDIA)在 H.264 下的品質在近幾代 GPU 中已經接近軟體編碼(x264 medium),對錄屏來說是很好的編碼速度和品質的平衡。
錄屏時關閉不必要的視覺特效:
- 關閉 Windows 透明效果/磨砂玻璃(Aero)——這些效果增加編碼複雜度
- 關閉不必要的桌面動畫
- 使用純色桌布(避免漸層桌布浪費碼率)
關閉字型平滑測試中不必要的美化
滑鼠游標清晰度:
- 在錄屏軟體中設定滑鼠游標高亮(OBS 有滑鼠游標高亮濾鏡)
- 在後期編輯中放大滑鼠點擊位置(添加放大效果)
- 避免使用系統預設的小游標,加大游標尺寸
相關閱讀
- 線上錄製:從瀏覽器到檔案 —— 瀏覽器錄製 API 和基礎操作
- 碼率完全指南:畫質的第一旋鈕 —— CBR/VBR/CRF 模式,以及對錄屏選擇碼率控制的意義
- 解析度與清晰度:從 480p 到 4K —— 解析度與碼率的匹配,特別對錄屏文字清晰度的影響
- 幀率的秘密:24fps 的電影感與 60fps 的流暢 —— 幀率對錄屏的作用與選擇
本站的線上錄製工具在瀏覽器中執行——雖然受限於瀏覽器 API,但它自動最佳化了常見錄屏場景的參數。定位是快速輕量的錄製場景;如果需要精細控制和最高品質輸出,建議使用桌面軟體錄製後在本機處理、然後使用本站的格式轉換或壓縮工具進行匯出最佳化。