為 GIF 加上文字以用於 Discord,代表為動畫的每一個可見幀壓上一段簡短的字幕,這樣不管循環在哪裡暫停或重新開始,文字都能保持在原位。像 為 GIF 添加文字 這樣的瀏覽器編輯器可以做到這件事,而且不需要上傳動畫,因為解碼、幀合成、畫布繪製和匯出全部都在你當前的分頁內本機完成。你可以從自己的裝置挑選一個 GIF、輸入最多 80 個字元、選擇文字該放在每一幀的上方、中央或下方,然後下載一個全新重新編碼的動畫 GIF,可以直接拖進 Discord 聊天、狀態或伺服器頻道。Discord 在訊息和狀態中接受動畫 GIF,因此一個加上字幕的 GIF 可以作為反應、迷因式的回覆,或快速的視覺標題,不需要另外託管在別處。整個工作流程都留在你的瀏覽器裡,所以原始動畫不會離開你的機器,除非你主動分享它。

add text to gif discord
add text to gif discord

為什麼 Discord 是加上字幕 GIF 的絕佳歸宿

Discord 從設計之初就是為了快速的視覺聊天,而動畫 GIF 自平台推出以來一直都是這裡的一等公民。一段短小的循環片段剛好適合作為反應、笑點、伺服器公告,或個人化的狀態,加上一行文字就能讓它變成自帶內容的作品。由於字幕已經烘焙進 GIF 本身,無論別人把檔案重新上傳到哪裡,文字都會跟著走,所以意思不會依賴標題、描述,或周圍的聊天脈絡。加上字幕的 GIF 也省去了圖片送進對話後還要再打一句話的麻煩。對伺服器管理員和社群經營者來說,一個加上字幕的 GIF 可以取代橫幅、規則提醒,或經常性的小公告,不必每次更換文字就重新製作專屬圖片。

由於 Discord 反正也可能對部分上傳檔案重新編碼,從一個乾淨的、已經加上字幕的原始檔開始,反而能讓你對讀者實際看到的內容有更多掌控。文字是動畫的一部分,而不是在 Discord 端加上去的東西,因此在桌面版、行動版和網頁版上都能同時保持可讀。

「為 GIF 添加文字」實際上對 GIF 做了什麼

動畫 GIF 比一疊靜態圖片更複雜,必須由一個謹慎的編輯器來妥善處理。一個檔案可以把完整的影像儲存一次,之後只傳送幀與幀之間變動的小矩形區塊,這樣可以壓低位元組數量。這個檔案也可以使用透明度和處置指令,告訴下一幀要保留像素、清除某個矩形,或恢復到先前的畫布。如果直接把文字畫在原始矩形之上,加了字幕的輸出會看起來像是背景不見了或留下殘影,因為已經沒有前一幀可以透過去顯示。

「為 GIF 添加文字」工具解決了這個問題,它會把每一個 GIF 影像區塊合成成檢視時應該看到的完整邏輯畫布,在這個完整的幀上繪製加上外框的字幕,然後把結果送進新的 GIF 編碼器。解碼後的可見幀順序和每一幀的延遲時間都會保留下來,所以原本的節奏會原封不動地存活下來。原始的調色盤表、註解、應用程式擴充、位元組層級的最佳化設定,以及有限循環次數的設定都不會保留,因為匯出的是一個全新的 GIF,而不是就地修改位元組。字幕本身是白色加深色外框,讓它在許多一般背景下都能閱讀,而不是假裝自己是個完整的設計編輯器。

如何在瀏覽器中為 Discord 用的 GIF 添加文字

  1. 在你目前的瀏覽器分頁中開啟「為 GIF 添加文字」頁面,並從你的裝置選擇一個動畫 GIF。檔案最大可達 20 MB,邏輯畫布任一邊不得超過 4,096 像素,單一幀的像素數不得超過三百萬,整個檔案最多可包含 50 個影像幀。
  2. 在文字欄位中輸入一段簡短的字幕。工具接受最多 80 個字元,對於反應、小標語、標題或笑點已經相當足夠。字型大小會根據畫布尺寸和字幕長度計算,所以在寬版 GIF 和方形 GIF 中的短句最終都會保持清晰可讀。
  3. 使用「頂部、中央或底部」選項,選擇字幕在每一幀中的位置。文字會被限制在邏輯畫布範圍內,而不是用新的邊框把動畫撐大。
  4. 選擇「為 GIF 添加文字」,讓瀏覽器解碼來源檔、合成每一幀的完整可見畫布、在每一幀上繪製加上外框的字幕、把結果量化到 GIF 調色盤,然後準備下載。
  5. 在頁面中預覽加上字幕的完整循環播放。確認所選位置沒有遮住重要的主體、小字仍然清晰可讀,而且幀之間的轉換看起來仍然正確。
  6. 把新的動畫下載到你的裝置,然後拖放或附加到 Discord 訊息、狀態或伺服器頻道。在你儲存結果之前,來源檔、解碼後的幀、畫布像素和輸出都一直停留在你的瀏覽器中。

Discord 自己的 GIF 規則值得先確認

在你把加了字幕的 GIF 送進伺服器之前,最好先知道 Discord 實際會接受什麼。Discord 的免費方案將檔案上傳上限設為 10 MB,Nitro Basic 把上限提高到 50 MB,Nitro 則提高到 500 MB,因此一個在某個帳號下能成功上傳的重新編碼 GIF,在另一個帳號下可能就上不去。即使上傳被允許,非常大的 GIF 可能會自動以嵌入媒體方式播放,而不是以可點擊的連結形式開啟,而超過特定像素尺寸的動畫 GIF 通常會被用戶端縮小,這會讓較小的字幕文字變模糊。透過「為 GIF 添加文字」重新編碼 GIF 可能會讓檔案變大,因為完整幀的擷取取代了最佳化來源中那些較小的增量矩形,所以頁面會回報實際的輸出大小,而不是保證檔案會變小。

限制數值
來源 GIF 最大尺寸20 MB
字幕最大長度80 個字元
畫布任一邊最大尺寸4,096 像素
每幀最大像素數3,000,000
來源中的最大影像幀數50 幀
字幕位置頂部、中央、底部
處理執行的位置目前的瀏覽器分頁內

Discord 在大多數情境中把動畫 GIF 視為原生圖片附件,但表情符號和貼圖欄位各自有大小和幀數上限,所以一個能作為聊天附件使用的加了字幕的 GIF,未必能用作自訂表情符號。如果你的輸出檔案太大而無法上傳,可以再透過本機的 GIF 縮檔指南 進行一次處理,在不犧牲剛加上去字幕的前提下削減調色盤。

在 Discord 聊天中百搭好用的字幕靈感

加了字幕的 GIF 通常在以下情況最有效:文字簡短、用詞對你的社群已經熟悉,並且位置與情境的氛圍相符。頂部位置很適合標籤和標題,因為視線會先落在那裡,而且字幕不會跟主體打架。中央位置適合文字本身就是重點的短笑點,但可能會遮住人臉或幀中央的重要細節。底部位置則模仿電影字幕,把動畫的上半部留白,這在主體較高或向下移動時特別有幫助。像「same」、「bruh」、「wait what」和「GG」這類反應在任何位置都行,而像「stream starting now」、「rules update」或「patch notes」這類公告式字幕,通常放在頂部或底部會比正中央更容易閱讀。

如果你經營一個伺服器,可以為常見情境準備一個小型字幕 GIF 資料庫,讓你的管理員只要一鍵就能回應。由於字幕是檔案的一部分,同一個資料庫可以在任何接受圖片附件的頻道中使用。

修正看起來不對的字幕 GIF

如果字幕看起來模糊,多半是來源提供的像素不夠裝下這些字。請在檢視器中開啟原始 GIF,確認它的尺寸,並盡可能找到尺寸更大的版本。如果字幕遮住了主體,把位置從「中央」改成「頂部」或「底部」,然後重新匯出。如果動畫現在播起來跟你記憶中的略有不同,請記得這個工具保留了解碼後的延遲時間,但重建了檔案,所以原本位元組流中那種非常細微的節奏訊號可能會有些位移。如果輸出超過上傳限制,請照前述縮檔建議處理,或在加字幕之前先縮短來源 GIF 的循環長度。重新選擇檔案或更改字幕會取消任何先前的作業,並移除先前的下載,這樣就不會把舊檔誤當成新檔。如果來源簽章無法讀取、無法解碼某一幀、畫布過大,或合併的修補預算被超出,頁面會以明確的錯誤訊息停止,而不是產出半成品的下載,因此一次失敗的執行不會留下任何東西去干擾後續步驟。

想進一步了解,請參考 將任意圖片中的文字轉成 ASCII 藝術