把螢幕錄影做成 GIF
了解何時該選擇 GIF 匯出、Recorded 的 640px/10fps 處理流程如何運作,以及讓檔案更小、畫面更清楚的實用技巧。
把螢幕錄影做成 GIF
不是每一段錄影都需要做成影片。一個快速的介面變化、只有滑鼠懸停時才會出現的錯誤、應用程式裡的三步驟小技巧——有時候,一個會自動循環播放的 GIF,比一支還要別人按下播放鍵的影片檔更快把重點傳達出去。Recorded 可以直接匯出成 GIF,和 MP4、MOV 並列選項,而了解這個匯出流程實際上是怎麼運作的,能幫你省下不少來回嘗試的時間。
什麼時候 GIF 比影片更好用
GIF 在影片顯得笨重的場合特別好用:直接嵌在 README 裡、丟進 Slack 對話串、貼進 GitHub issue 或 pull request 留言、放進 Notion 文件中。它們在任何地方都能自動播放,不需要播放器介面,預設就會循環,也不需要聲音——這讓它們非常適合用來呈現簡短、無聲、可重複的操作。
但如果內容有旁白、長度超過幾秒鐘,或畫面上有大量精細的細節,GIF 就不太適合了。遇到這些情況,改用 MP4 匯出並附上影片連結會更合適。
Recorded 的 GIF 匯出如何運作
當你在匯出對話框裡選擇 GIF 時,Recorded 不會只是單純重新編碼你的錄影——它會執行一套專門針對 GIF 限制而設計的雙階段處理流程:
- 縮放至 640px 寬。 高度會自動調整以維持錄影原本的長寬比。因為 GIF 沒有像 MP4 那樣有效率的幀間壓縮,這樣做能讓檔案大小維持在合理範圍。
- 降至 10 fps。 GIF 不需要 30 或 60 fps 才能看得清楚——對於介面操作和游標移動來說,10 fps 就已經足夠,同時也能壓低幀數(進而縮小檔案大小)。
- 產生專屬色盤。 Recorded 不會單純套用 GIF 預設的 256 色色盤,而是先分析你這段特定的片段,建立一份針對它最佳化的色盤,再於第二階段套用這份色盤。這正是漸層與抗鋸齒文字不會出現色帶或雜訊的關鍵。
這是一套固定的處理流程——GIF 匯出不像 MP4 那樣有解析度、影格率或畫質的調整選項。這是刻意做的簡化:GIF 的使用情境本來就相當單純,一組調校好的設定幾乎能涵蓋所有情況。
如何得到更好的成果
既然處理流程是固定的,要讓 GIF 看起來更好,關鍵就在於你餵給它什麼樣的素材:
- 匯出前先仔細修剪。 先在編輯器裡把錄影剪到只剩下真正需要循環播放的片段。一段 45 秒錄影做出來的 GIF,檔案又大又卡;而只保留實際呈現該行為的 4 秒片刻,做出來的 GIF 就會又小又方便分享。
- 盡量擷取視窗或特定區域,而不是整個螢幕。 因為所有畫面都會被縮放到 640px 寬,如果原本是 1920px 寬、塞滿小字和圖示的完整畫面,縮放後就會糊成一團。只擷取相關面板的裁切畫面,反而能保持清晰可讀。
- 讓動作盡量單純。 快速縮放、迅速的游標移動,或密集的動畫效果,在 10 fps 下都會比穩定、從容的動作損失更多細節。如果你在示範一連串點擊流程,不妨在每個畫面稍微停頓一下,而不是快速地在畫面之間切換。
- 留意大面積單色的介面。 色盤產生在片段不需要同時呈現太多顏色時效果最好——一個大致上是單色調、只有小範圍重點變化的介面,會比色彩繁雜、資訊量大的儀表板壓縮得更好。
簡單的工作流程
- 照平常方式錄製,錄多一點沒關係——之後修剪永遠比重新錄製容易。
- 在編輯器裡,把片段剪到你真正想分享的那個循環片刻。通常幾秒鐘就夠了。
- 開啟匯出對話框,選擇 GIF 作為輸出格式。
- 執行匯出。Recorded 會自動完成縮放、降低影格率,並產生最佳化色盤。
- 把匯出的檔案直接貼進你的 README、issue 追蹤系統或聊天視窗——不需要再做任何額外轉檔。
GIF 與 MP4:如何選擇合適的格式
如果你不確定該選哪個格式,可以想想觀看者需要拿它做什麼。如果他們需要按下播放鍵、聽旁白,或觀看超過 10 到 15 秒的內容,就匯出 MP4。如果只是需要在任何地方一貼上就能無聲循環、瞬間載入,那 GIF 會是更合適的選擇——而 Recorded 的匯出流程正是為了讓這個取捨划算而調校的,完全不需要手動調整任何設定。