為 GIF 加上文字
為本機動畫 GIF 的每個可見影格加上簡短外框文字,檔案不會上傳。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.從裝置選擇一個不超過 20 MB 的動畫 GIF。
- 2.輸入簡短文字,再選擇頂部、中央或底部位置。
- 3.選取「為 GIF 加上文字」、檢查一個完整循環,再下載新的動畫。
關於為 GIF 加上文字
為 GIF 加上文字可在目前的瀏覽器分頁中,把一段簡短文字加入動畫 GIF 的每個可見影格。從裝置選擇 GIF、輸入最多 80 個字元、選擇頂部、中央或底部,再建立一個可下載的新 GIF。除非你主動下載結果,來源檔案、解碼後的影格、Canvas 畫素與輸出 Blob 都留在瀏覽器中。過程沒有上傳、帳戶、佇列、浮水印或伺服器端編輯步驟。
文字會以白色搭配深色外框,讓它在許多一般背景上保持可讀,同時不假裝是一套完整設計編輯器。工具會在每個完整可見影格上繪製一行置中文字。字型大小會依畫布尺寸與文字長度計算,文字限制在邏輯畫布內,不會為動畫增加新的邊框。簡短片語、標題、反應文字或提示最容易得到清楚結果。本頁不提供多重文字圖層、字型選擇、文字動畫時間、貼圖、背景方塊、逐影格文字或影片式字幕軌。
動畫 GIF 不只是多張獨立圖片的集合。檔案可能先包含完整圖片,接著只記錄有變化的小型矩形;也可能使用透明度與處置指令,要求下一個影格保留畫素、清除矩形或還原先前畫布。若直接在原始矩形上繪圖,加上文字後的輸出可能遺失背景或出現殘影。因此在繪製文字前,本工具會先把每個 GIF 圖像區塊合成為觀眾應看到的完整邏輯畫布,再於完整影格上繪製外框文字,最後送入新的 GIF 編碼器。
輸出刻意建立為新的 GIF,而不是直接修改原始位元組。GIF 使用調色盤,在每個影格加入文字都會改變畫素。瀏覽器會把每個完整影格量化為 GIF 調色盤,並寫入持續循環的動畫。解碼後的可見影格順序與逐影格延遲會保留;原始調色盤表、註解、應用程式擴充、位元組層級最佳化方式及有限循環設定則不會保留。原本以小型更新矩形最佳化的 GIF,在重新編碼完整影格後可能變大。工具會回報實際輸出大小,但不保證檔案更小。
安全限制可防止壓縮檔案展開成遠超預期的畫素工作量。所選 GIF 最大為 20 MB,邏輯畫布任一邊不得超過 4,096 畫素、單一影格不得超過三百萬畫素,且最多包含 50 個圖像影格。實作也會在建立大型 Canvas 工作前,限制所有區塊與輸出的合計畫素預算。簽章無效、影格無法讀取、畫布過大或動畫超出預算時,工具會顯示錯誤,不會提供不完整下載。替換檔案或變更文字會取消舊工作並移除先前結果,避免把過期下載誤認為目前設定。
可靠的操作方式是保留原始 GIF、在這裡選取檔案、輸入簡短文字、選擇位置,再下載結果。請在瀏覽器或目標應用程式中至少觀看一個完整循環,確認小字仍可閱讀、所選位置沒有遮住重要主體,而且轉場保持正常。細緻漸層與照片在調色盤轉換後可能改變,尺寸很小的 GIF 也可能沒有足夠畫素呈現可讀文字。本工具不會修復損壞 GIF、保留音訊、建立 MP4 或 WebP、推測最合適的訊息、保證社群平台相容性,或永久儲存任何檔案。
這項聚焦的編輯工具使用標準瀏覽器 Canvas 文字繪製與本機 Blob 下載,不需要讓檔案離開裝置。不同平台的瀏覽器色彩管理、字型繪製與 GIF 解碼可能略有差異,因此發布前請以預定顯示尺寸檢查下載的動畫。若目前瀏覽器無法解碼所選 GIF 或配置所需 Canvas,工具會清楚停止並顯示錯誤,也不會讓先前輸出保持有效。
方法與來源
驗證有界的本機 GIF 輸入、解碼圖像區塊、套用前一影格的處置行為以合成每個完整可見畫布、在所選位置繪製一段使用者輸入的外框文字、把每個新影格量化為最多 256 種 GIF 色彩、保留解碼後的延遲,再輸出本機 Blob;不宣稱保留來源後設資料或位元組層級最佳化。
常見問題
- 加入文字時會上傳我的 GIF 嗎?
- 不會。GIF 解碼、影格合成、Canvas 文字繪製、編碼及下載 Blob 都在目前的瀏覽器分頁中執行。
- 可以在不同影格使用不同文字嗎?
- 不可以。這項聚焦工具會把同一段簡短文字套用到動畫的每個可見影格。
- 輸出會完整保留原始 GIF 嗎?
- 它會保留解碼後的可見影格與逐影格延遲,但會輸出一個新的循環調色盤 GIF,不保留原始後設資料、調色盤表或有限循環設定。
- 加上文字後的 GIF 會更小嗎?
- 不一定。加入文字並重新編碼完整可見影格可能讓輸出變大,因此頁面會回報實際完成大小。
相關工具
圖片工具 使用指南
查看全部- Add Text to a GIF on iPhone Without an App (英文原文)
- Add a GIPHY-Style Caption to Any Animated GIF (英文原文)
- Add Text to a GIF for Free, Right in the Browser (英文原文)
- Add Text to a GIF for Discord Chats Without Uploading (英文原文)
- Add Text to an Animated GIF (英文原文)
- Add Text to a GIF Without an App or Upload (英文原文)
- How to Add a Background to a PNG for Your Website (英文原文)
- Convert WebP to GIF on Mac Without Uploading It (英文原文)
- How to Convert WebP to GIF in Your Browser (英文原文)
- Convert SVG to PNG With a Transparent Background (英文原文)
- How to Convert SVG to JPG in Windows Without Software (英文原文)
- How to Make an Image a Solid Color in Photoshop (英文原文)
- Add Rounded Corners to a Photo in Your Browser (英文原文)
- How to Convert PNG to JPG Without Losing Quality (英文原文)
- Image Placeholder for Photoshop, Without the App (英文原文)
- Cities: Skylines 2: Create a Reference Overlay PNG Locally (英文原文)
- Turn Your Memento Backpack Division 2 Hunt Into a Meme (英文原文)
- Convert JPG to PNG Without Canva: A Faster Way (英文原文)
- How to Put an Image to PDF Without Uploading It (英文原文)
- Image to Base64 in JavaScript Without Writing Code (英文原文)