跳至內容
Vizua

如何用圖片製作 GIF:完整逐步教學

Vizua

GIF 將靜態圖片序列轉換為循環動畫——不需要影片播放器,也不需要自動播放權限。以下是從頭製作、針對各平台最佳化,並控制檔案大小的完整方法。

無論是用於 LINE 貼圖、社群媒體貼文,還是產品說明文件,掌握 GIF 的幀率、色彩和尺寸設定,就能在視覺效果和檔案大小之間找到完美平衡點。

第 1 步:準備您的圖片

GIF 是依序播放的幀序列。最終輸出品質完全取決於起始素材的質量。以下是需要注意的要點:

  • 使用一致的尺寸。所有幀應具有相同的寬度和高度。若不一致,GIF 製作工具需要裁切或拉伸,會降低品質。使用 Vizua 的調整大小工具,在開始前將所有幀統一為相同尺寸。
  • 選擇正確的幀數。以 15 fps 製作一個流暢的 2 秒動畫需要 30 幀。簡單的投影片配長時間停頓,5–10 幀就足夠。幀數越多,檔案越大。
  • 使用 PNG 或高品質 JPEG。從你能取得的最高品質來源開始。GIF 格式本身會減少顏色數量,所以你需要乾淨的來源素材。避免從已被大幅壓縮的圖片開始。
  • 按順序命名檔案。大多數 GIF 製作工具按字母或檔名排序幀。將檔案命名為 frame-01.pngframe-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 色,並套用有損壓縮。

立即製作您的 GIF

將圖片轉換為 GIF 動畫——免費、私密、完全在瀏覽器中完成。