🌀 影片轉 GIF
剪一段做成動圖
拖動開始時間,下面的預覽會跳到那一格,方便確認要從哪裡開始剪。
ℹ️ GIF 只能有 256 色,所以漸層與真實照片會出現色階分層,這是格式本身的限制。編碼在你的瀏覽器裡完成,影片不會上傳。
🔒 所有處理都在你的瀏覽器裡完成 — 檔案不會上傳到我們的伺服器,我們也看不到你的圖片。關掉分頁後就什麼都不留。
使用步驟
- 選一段影片 MP4、WebM、MOV 都可以。影片不會上傳 — 讀取、抽格、編碼全部在你的瀏覽器裡完成。
- 拖開始時間,選長度 下面的預覽會跳到那一格,可以確認要從哪裡開始。2–4 秒是最實用的長度 — GIF 沒有影格間壓縮,每一格都是完整畫面,時間拉長檔案就等比例變大。
- 設定 fps 與寬度 這兩個是控制檔案大小的主要旋鈕。10 fps + 480px 是很好的起點。覺得太大就先降寬度(影響最大),再降 fps。
- 按開始處理 會依序抽格、算出 256 色的共用調色盤、再編碼成 GIF。狀態列會顯示進度 — 影格多的時候需要一點時間,這是正常的。
- 下載 拿到一個可以直接貼到聊天室、社群或文章裡的 GIF。檔案偏大的話回去把寬度調小重跑,比壓縮已經產生的 GIF 有效得多。
什麼時候用得到
做梗圖、表情包
從影片裡剪一段有趣的動作做成 GIF,在 LINE、Discord、論壇都能直接貼。這是 GIF 至今還沒被淘汰的主要原因 — 它到處都能播,不需要點播放。
文章裡示範操作
教學文章要示範「點這裡、然後這樣拖」時,一張 GIF 勝過五張截圖。而且 GIF 在文章裡會自動播放,讀者不用點。錄一段螢幕再轉成 GIF 就好。
GitHub、文件裡的示範
README 與技術文件放 GIF 幾乎是慣例 — 它不需要影片播放器,在任何 Markdown 渲染的地方都會動。寬度建議 640 以內,GitHub 的內容欄不寬。
不能放影片的地方
有些平台、電子報、內部系統不支援嵌入影片,但支援圖片。GIF 是唯一能在「圖片」的身分下播放動畫的格式。
GIF 的兩個硬限制
用 GIF 之前先理解它為什麼會又大又不好看,設定才調得下去。
只有 256 色。這是 1987 年的格式設計,每一格最多只能用 256 種顏色。一段真實影片可能有幾十萬種顏色,壓進 256 色之後,天空、皮膚、陰影這些連續變化的地方就會出現一階一階的色帶。
沒有影格間壓縮。現代影片格式只儲存「這一格跟上一格哪裡不一樣」,靜止的背景幾乎不佔空間。GIF 沒有這個機制,每一格都是一張完整的圖。這就是為什麼一段 5 秒的影片可能只有 500KB,做成 GIF 卻要 8MB。
怎麼調才能又小又能看
三個旋鈕的影響力差很多,照這個順序調:
- 寬度 — 影響最大。寬度減半,像素量剩四分之一。480 → 320 通常就能砍掉一半以上。
- 長度 — 線性影響。剪掉一半的時間就少一半的檔案。多數 GIF 其實只需要 2–3 秒的關鍵動作。
- fps — 也是線性,但降太多會變成幻燈片。10 fps 是很多人接受的下限,8 fps 已經看得出頓。
什麼樣的素材適合做 GIF
很適合:螢幕錄影、UI 操作示範、插畫或動畫、色塊分明的內容。這些素材本來顏色就不多,256 色綽綽有餘,壓縮效率也好。
不太適合:實拍影片、風景、人物特寫、有大量漸層或雜訊的畫面。這些做成 GIF 會同時遇到色帶與檔案過大兩個問題。
如果你的素材屬於後者,而目標平台又支援影片,認真考慮直接用 MP4。GIF 的價值在相容性,不在品質。
常見問題
為什麼 GIF 的顏色看起來怪怪的、有一層一層的?
為什麼檔案這麼大?
有沒有更好的選擇?
影片會上傳嗎?
<video> 加 canvas,調色盤計算與 LZW 編碼也都是這一頁自己的 JavaScript 做的,沒有引用任何外部函式庫,也沒有任何網路請求。接下來可能會用到
圖片處理很少一步到位。這幾個是跟「影片轉 GIF」最常搭著用的:
處理完想直接分享?上傳媒體可以把圖片、照片或影片轉成一組短網址,還能設密碼、有效期限與瀏覽次數上限。也可以回到工具總覽看全部 12 個工具。
其他工具
壓縮圖片
縮小檔案並保持畫質
壓到指定大小
填 2MB 就壓到 2MB 以下
HEIC 轉 JPG
iPhone 照片轉成通用格式
檢視 / 移除 EXIF
看照片裡藏了哪些資料,一鍵清掉
證件照尺寸
2 吋、1 吋、護照,可排版沖洗
調整大小
依寬度、比例或指定尺寸
放大圖片
提升尺寸至最多 4 倍
裁剪圖片
拖曳選取要保留的範圍
旋轉圖片
批次旋轉與翻轉
加浮水印
文字水印,可調位置透明度
模糊遮蔽
遮蔽臉部、車牌與個資
轉換至 JPG
PNG、GIF、WebP 轉 JPG
JPG 轉 PNG
轉成無失真或 WebP
PNG 轉 WebP
檔案再小三成以上
九宮格切圖
切成 3×3 貼 IG 大圖
圖片拼接
多張接成一張長圖或橫幅
Favicon 產生器
一次產出各尺寸與 .ico
圖片取色盤
抓出主色,附 HEX 與 CSS
SVG 轉 PNG
向量轉點陣,尺寸自己指定
圖片轉 Base64
產生 Data URI、CSS、HTML
影片擷取畫面
任意時間點抓圖當封面
去除純色背景
白底、綠幕商品圖去背
圖片轉文字 (OCR)
把截圖裡的字抓出來
圖片轉 PDF
多張合併成一份 PDF
PDF 轉圖片
每頁轉成 JPG 或 PNG