如何用圖片製作 GIF:完整逐步教學
GIF 將靜態圖片序列轉換為循環動畫——不需要影片播放器,也不需要自動播放權限。以下是從頭製作、針對各平台最佳化,並控制檔案大小的完整方法。
無論是用於 LINE 貼圖、社群媒體貼文,還是產品說明文件,掌握 GIF 的幀率、色彩和尺寸設定,就能在視覺效果和檔案大小之間找到完美平衡點。
第 1 步:準備您的圖片
GIF 是依序播放的幀序列。最終輸出品質完全取決於起始素材的質量。以下是需要注意的要點:
- 使用一致的尺寸。所有幀應具有相同的寬度和高度。若不一致,GIF 製作工具需要裁切或拉伸,會降低品質。使用 Vizua 的調整大小工具,在開始前將所有幀統一為相同尺寸。
- 選擇正確的幀數。以 15 fps 製作一個流暢的 2 秒動畫需要 30 幀。簡單的投影片配長時間停頓,5–10 幀就足夠。幀數越多,檔案越大。
- 使用 PNG 或高品質 JPEG。從你能取得的最高品質來源開始。GIF 格式本身會減少顏色數量,所以你需要乾淨的來源素材。避免從已被大幅壓縮的圖片開始。
- 按順序命名檔案。大多數 GIF 製作工具按字母或檔名排序幀。將檔案命名為
frame-01.png、frame-02.png等,可確保正確的序列。
第 2 步:製作 GIF
開啟 Vizua 的 GIF 製作工具,將圖片拖入放置區,並設定以下參數:
幀率與時間
GIF 格式以百分之一秒為單位測量幀延遲——延遲值 10 代表 100 ms(0.1 秒),即 10 fps。常用設定:
- 7(約 14 fps)——中等動作的流暢動畫
- 10(10 fps)——簡單動畫和投影片的標準設定
- 50(2 fps)——慢速投影片,適合前後對比
- 100(1 fps)——每秒一幀,適合逐步說明
色彩調色盤
GIF 格式每幀最多支援 256 色。對照片類內容,這個限制會產生明顯的色帶現象。對插圖、圖示和文字動畫,256 色完全足夠。將調色盤縮減至 128 色通常能大幅縮小檔案大小,同時視覺影響極小。
尺寸與解析度
在匯出時調整尺寸以縮小檔案大小。480 px 寬適合大多數使用場景,在行動裝置螢幕上仍顯得清晰,而且幾乎所有平台都接受這個尺寸。
所有處理都在瀏覽器中完成——你的圖片不會上傳到任何伺服器。
第 3 步:最佳化檔案大小
未最佳化的 GIF 可能非常大。一個 800 px 寬、30 幀、256 色的動畫,輕易就能超過 10 MB。以下是壓縮方法:
| 最佳化技術 | 檔案大小影響 | 品質影響 |
|---|---|---|
| 縮小尺寸(800 px → 480 px) | 縮小約 40–60% | 在行動螢幕上影響極小 |
| 縮減色彩(256 → 128 色) | 縮小約 20–30% | 插圖通常看不出差異 |
| 縮減色彩(256 → 64 色) | 縮小約 40–50% | 照片有感,圖形無礙 |
| 移除重複幀 | 視情況,可達 10–50% | 無影響——相同的幀毫無意義 |
| 套用有損壓縮 | 縮小約 30–60% | 些許雜訊/抖動,通常察覺不到 |
| 刪除不必要的幀 | 與刪除的幀數成比例 | 動畫略微不那麼流暢 |
最有效的組合做法:先縮小尺寸,再縮減色彩,最後套用有損壓縮。大多數情況下,你可以在保持 GIF 在正常觀看尺寸下視覺不變的前提下,縮減 60–80% 的檔案大小。
在各平台分享 GIF
每個平台有不同的檔案限制和建議尺寸:
| 平台 | 最大檔案大小 | 建議尺寸 | 備註 |
|---|---|---|---|
| Twitter/X | 15 MB(網頁),5 MB(行動) | 480–720 px 寬,16:9 或 1:1 | 在時間線上自動循環。建議控制在 5 MB 以下以確保全面相容 |
| Discord | 25 MB(檔案上傳),256 KB(表情符號) | 上傳任意大小;表情符號 128×128 px | 表情符號 GIF 需要極度最佳化才能符合 256 KB 限制 |
| Slack | 128 KB(自訂表情符號) | 表情符號 128×128 px | 限制最嚴格——使用最少幀數和重度最佳化 |
| LINE 動態貼圖 | 300 KB | 370×320 px,最長 3 秒 | 台灣特有——LINE 動態貼圖採用 GIF 格式,是創作者的熱門選項 |
| GIPHY / Tenor | 100 MB(上傳) | 480 px 寬,少於 200 幀 | 建議 15–24 fps,少於 6 秒以獲得最高互動率 |
一般分享的最安全目標:480 px 寬,3 MB 以下。這個大小在任何裝置上載入都很快,所有平台都能接受,且在行動裝置螢幕上仍顯得清晰。
特別提醒 LINE 使用者:在台灣,LINE 動態貼圖就是採用 GIF 動畫格式製作的。標準貼圖尺寸為 370×320 px,檔案大小不得超過 300 KB,動畫長度不超過 3 秒。要符合這些嚴格限制,需要將幀數控制在最少,並大量縮減色彩調色盤。
處理現有的 GIF
有時你已有一個 GIF 需要修改。兩個常見任務:
- 從 GIF 中提取幀。使用 Vizua 的GIF 轉幀工具,將任意 GIF 分割成單獨的圖片。這對於編輯特定幀、移除不想要的內容,或以不同時間設定重新製作動畫非常有用。
- 調整現有 GIF 的大小。若 GIF 超過平台大小限制,使用調整大小縮減尺寸。從 800 px 縮至 480 px 可以讓檔案大小減半甚至更多。
更多各平台的社群媒體最佳化建議,請參考我們的社群媒體圖片尺寸指南。
常見問題
GIF 的最佳幀率是多少?
大多數情況下,10–15 幀/秒(fps)是流暢度與檔案大小之間的最佳平衡。旋轉 Logo 等簡單動畫用 10 fps 即可;行走、說話等中等動作在 15 fps 下表現良好;快速動作或影片片段則可能需要 20–24 fps。超過 50 fps 沒有意義——瀏覽器播放若超過此速率,通常會自動回落至 10 fps。
如何讓 GIF 在 Twitter 上控制在 5 MB 以下?
減少幀數(目標少於 60 幀)、將尺寸縮小至 480 px 寬或更小、將調色盤縮減至 128 色以下,並套用有損壓縮。GIF 的每一幀都儲存一個完整的色彩表,因此更少的幀數和更少的顏色能直接縮小檔案大小。
只用 2 張圖片也能製作 GIF 嗎?
可以。兩幀交替的 GIF 能創造簡單的前後對比或切換效果。將每幀延遲設為 500–1000 ms(0.5–1 秒),讓觀看者有足夠時間看清每張圖片。這個格式非常適合商品比較、改造前後對比和 A/B 視覺展示。
為什麼我的 GIF 檔案那麼大?
GIF 檔案大小取決於三個主要因素:幀數、像素尺寸和色彩複雜度。一個 800 px 寬、100 幀、256 色的 GIF,輕易就能超過 10 MB。解決方式:縮小尺寸(480 px 通常已足夠)、刪除不必要的幀、將顏色限制在 64–128 色,並套用有損壓縮。