如何用圖片製作 GIF：完整逐步教學
GIF 能將一系列靜態圖片轉換成循環播放的動畫——不需要影片播放器，也不需要自動播放權限。以下說明如何從零開始製作 GIF、針對各平臺進行優化，並將檔案大小控制在合理範圍內。
第一步：準備圖片
GIF 是按順序播放的幀序列，輸出品質完全取決於你使用的素材。以下幾點需要注意：
- 使用一致尺寸。 在相同畫布準備所有幀，讓對齊與裁切都符合設計。開始前可使用Vizua的調整圖片大小建立合適副本，並檢查重新取樣結果。
- 選擇合適幀數。 以15 fps取樣的兩秒序列包含30幀。投影片可能只需少得多的幀。增加不同幀通常會增加資料量，但編碼器最佳化以及幀間變化程度也會影響大小。
- 使用乾淨來源。 從可取得的最佳原始檔開始。轉換成GIF色盤可能加入色帶與抖色，已壓縮來源的瑕疵則可能延續到每一幀。
- 依順序命名檔案。 使用
frame-01.png、frame-02.png等模式，即使介面支援手動排序，也較容易保留並核對預定順序。
第二步：製作 GIF
開啟 Vizua 的 GIF 製作工具，將圖片拖入上傳區，然後調整以下設定：
- 幀順序。如有需要，可拖曳幀來重新排列。第一幀是動畫開始前觀看者看到的畫面（在不自動播放的平臺上）。
- 幀延遲。控制每幀的顯示時長。GIF 格式以百分之一秒為單位計算延遲——延遲值 10 表示 100ms（0.1 秒），即 10 fps。常用設定：
- 7（約14 fps）— 較快的起始值，可能受瀏覽器延遲限制
- 10（10 fps）— 簡單動作的中等起始值
- 50（2 fps）— 慢速投影片的起始值
- 100（1 fps）— 適合需要閱讀時間內容的每秒1幀
- 循環次數。設為 0 表示無限循環（網頁 GIF 的標準做法），也可指定播放次數，到達後停止。
- 輸出尺寸。 以接近GIF實際最大顯示尺寸匯出。較小畫布可能大幅縮小檔案，但正確寬度取決於目的地與觀看情境。
Vizua會在瀏覽器中使用所選圖片組合GIF，不會把它們傳送到我們的圖片處理伺服器。頁面仍可能為了必要程式碼與網站服務使用網路。
第三步：優化檔案大小
動畫GIF會結合許多索引圖片與時間資訊，因此檔案可能很大。請針對實際來源與目的地最佳化，不要假設某個幀數或寬度一定會得到特定大小。
| 優化方式 | 對檔案大小的影響 | 對畫質的影響 |
|---|---|---|
| 縮小尺寸（800px → 480px） | 通常可大幅縮小；視來源而定 | 會移除空間細節，可能使文字或邊緣變柔和 |
| 減少顏色（256 → 128 色） | 可能減少色盤與編碼成本 | 可能加入色帶或抖色；請檢查循環 |
| 減少顏色（256 → 64 色） | 對合適的插圖可能更有效 | 較可能改變漸層、照片與反鋸齒效果 |
| 移除重複幀 | 取決於編碼器最佳化與幀處理 | 若時間與顯示像素確實等效，則沒有影響 |
| 套用有損壓縮 | 視來源與編碼器而定 | 可能產生可見雜訊、顏色改變或邊緣損傷 |
| 刪除多餘幀 | 與刪除幀數成正比 | 動畫略微不那麼流暢 |
實用的順序是先裁切與調整尺寸，刪除不必要的幀，再測試減少色盤及任何有損選項。每次只改一個變數，並以預定顯示尺寸比較完整循環。
各平臺的大小限制與建議
上傳限制與動畫處理方式可能隨帳戶、方案、應用程式、發佈位置及日期而異。這份表格於2026年7月17日檢查，目的在說明應確認哪些項目，而不是把容易變動的數字固定為永久預設。
| 平臺 | 最大檔案大小 | 建議尺寸 | 備註 |
|---|---|---|---|
| Twitter/X | 在目前的網頁或行動發佈介面確認 | 符合預定裁切與顯示尺寸 | 網頁與行動上傳流程可能表現不同 |
| Discord | 取決於帳戶、伺服器與上傳類型 | 使用目前的表情符號或附件規格 | 自訂表情符號與一般附件有不同規則 |
| Slack | 確認目前的自訂表情符號限制 | 為表情符號準備小型正方形畫布 | 工作區設定與產品變更可能影響接受條件 |
| 在預定發佈位置確認 | 符合目前的版位與裁切 | 服務可能以不同方式轉換或呈現動畫 | |
| GIPHY / Tenor | 查看目前的創作者或上傳文件 | 使用目的地目前的品質指引 | 搜尋、審核與傳送在各服務有不同要求 |
沒有單一檔案能保證在所有地方運作。請保存高品質來源，為每個目的地建立專用匯出版本，並在製作大型活動前測試實際上傳流程。
處理現有的 GIF
有時你已經有一個 GIF，只需要對它進行修改。以下是兩種常見需求：
- 從 GIF 中提取幀。使用 Vizua 的 GIF 轉幀工具，可將任何 GIF 拆分為單獨的圖片。這對於編輯特定幀、移除不需要的內容，或將幀重新用於不同時間設定的新動畫非常實用。
- 調整現有GIF。 若GIF超過平台限制，可在支援的情況下使用調整圖片大小準備較小畫布。節省幅度取決於幀內容與編碼器；請檢查匯出檔案，不要假設固定百分比。
如需瞭解針對特定平臺優化圖片的更多技巧，請參閱我們的社群媒體圖片尺寸指南。
常見問題
GIF最適合使用多少幀率？
沒有適用所有情況的最佳幀率。許多網頁動畫可先從每秒10至15幀測試；投影片可以慢得多，快速動作則可能需要更多幀。請在目標裝置預覽實際循環：瀏覽器可能會限制極短的GIF延遲，而增加幀數也會讓檔案變大。
如何讓GIF符合社群平台的上傳限制？
限制與GIF處理方式可能改變，因此請在你實際使用的應用程式或發佈介面查看平台目前的限制。接著縮小像素尺寸、刪除不必要的幀、簡化色盤或縮短循環，直到檔案符合限制。每次匯出後都應檢查動作、文字、漸層與邊緣，而不是依賴一個固定預設。
只有2張圖片也能製作GIF嗎？
可以。兩個交替幀可以呈現前後對照或切換效果。每幀延遲500–1000 ms是容易閱讀的起始範圍之一，不是規則；請依內容調整，並確認觀眾有足夠時間理解兩幀。避免可能造成無障礙風險的快速閃爍。
為什麼我的GIF檔案這麼大？
像素尺寸、幀數、幀之間改變的區域、色盤複雜度、抖色與編碼器選項都會影響大小。先裁切並調整到實際顯示尺寸，刪除不必要的幀，再測試較小的色盤。節省幅度與可見影響取決於動畫內容，請將結果與來源比較。
GIF最多可以有多少種顏色？
GIF色彩表最多可包含256個項目。檔案可以使用全域色彩表，各幀也可以有區域色彩表，但每張索引圖片仍最多從256個項目中選色。照片與漸層可能出現色帶或抖色；只有少量純色的圖形通常需要更少項目。請實際測試色盤，不要假設64、128或256色看起來相同。