幾張圖,接成一段動畫
丟進 2 到 50 張 JPG,照你排的順序接成一張 GIF 動圖,一個檔案就搞定。
把幾張 JPG 接成一段循環播放的動畫
或把圖片拖曳到這裡,也可以直接貼上Ctrl V
圖片工具 · 在瀏覽器內處理
丟進 2 到 50 張 JPG,排好順序,決定每張停留多久,拿回一張會動的 GIF。整個過程在你的瀏覽器裡完成,圖片不會上傳。
幾張照片或截圖,幾秒鐘變成一段會循環播放的動畫。
丟進 2 到 50 張 JPG,照你排的順序接成一張 GIF 動圖,一個檔案就搞定。
每張停多久你說了算,最短 0.05 秒。抓 0.2 秒左右,看起來像在動,而不是在翻投影片。
循環播放適合梗圖和產品展示;選只播一次,動畫會停在最後一張不再重來。
依檔名排序,frame2 會排在 frame10 前面而不是後面;也可以整個反轉,或直接拖卡片換位置。
工作區會直接用你設定的秒數把動畫播給你看,快慢滿不滿意,在編碼之前就知道。
輸出的長邊在 320 到 800 像素之間挑。小一點載得快,也比較容易塞進聊天室和信箱的容量上限。
| 你的圖片是 | 做成 GIF 會 | 建議 |
|---|---|---|
| 螢幕錄影、操作介面、線稿 | 乾淨——大片純色正是 GIF 存得好的東西 | 放心做,可以選 640 px |
| 一小段連拍的照片 | 看得到一圈圈色帶和顆粒 | 320–480 px 還能接受,再大就更明顯 |
| 漸層或天空 | 一定會變成一階一階的色塊 | 256 色裝不下漸層,沒有設定可以救 |
| 640 px、超過 20 張左右 | 好幾 MB | 先把邊長調小,再考慮刪張數 |
照片上的顆粒、一小格一小格調整的速度、最多 50 張的上限:每一項都來自格式本身,不是這一頁的某個設定。
GIF 每一個影格最多只能用 256 色,照片缺少的顏色只好用細細的點點排列來假裝。那就是你在天空和皮膚上看到的顆粒,沒有任何設定能去掉它。
“To simulate more than 255 or 256 colors, dithering is generally used.”這個格式以百分之一秒為單位,記錄每個影格在畫面上停留多久。速度滑桿每次移動 0.05 秒,所以不管你選哪個值,都會原封不動地存下來。
“If not 0, this field specifies the number of hundredths (1/100) of a second to wait before continuing with the processing of the Data Stream.”動畫一長,GIF 就落後了。Google 的網頁團隊量過同一段短片:存成 GIF 是 3.7 MB,存成 MP4 是 551 KB。所以這個工具最多到 50 張,更長的片段建議做成影片。
“In this example, the initial GIF is 3.7 MB, compared to the MP4 version, which is 551 KB, and the WebM version, which is only 341 KB!”六個對 GIF 動圖的格式、長度、張數或尺寸有規定的地方,以及怎麼做出過得了關的那一張。每條規定都附官方原文連結。
Google Ads 的「自行上傳的多媒體廣告規格」寫著,動畫和非動畫圖像廣告的格式是 GIF、JPG、PNG,大小上限 150KB;動畫廣告 (GIF) 則是「動畫長度不得超過 30 秒」「動畫可以重複播放,但 30 秒後必須停止」「動畫 GIF 廣告每秒畫格數不得超過 5 FPS」。
用 Vormly 怎麼解決
每張秒數至少調到 0.20 秒,那剛好就是 5 FPS 的上限。面板上的「12 張 × 2.00 秒 = 一圈 24.00 秒」會隨拖隨算,別讓它超過 30 秒;再選只播一次,廣告就會停在最後一張,而不是一圈一圈播過頭。150KB 很緊,邊長先從 320 px 試起。
SHOPLINE 的「建議商店圖片規格尺寸」寫著,商品/商品分類支援的圖片規格是 JPG / PNG / GIF,圖片大小不得超過 10mb,而且「GIF 開啟正常但無法上傳:請檢查 GIF 檔案的 frames 格數,格數過多的狀況會導致無法上傳」——1920x1000 左右的 GIF 最多 20 張,800x400 左右的最多 120 張。上傳失敗的往往不是檔案壞了,是張數太多。
用 Vormly 怎麼解決
這裡最多 50 張、長邊最大 800 px,穩穩落在「800x400 最多 120 張」那一格裡。商品圖想要接近正方形的話,先用裁切圖片把每張裁成 1:1,再選 800 px,出來就是 800 × 800。
Shopify 說明中心的「商品媒體類型」把 GIF 列在可接受的檔案類型裡,並寫明「亦支援 GIF 與 WebP 的動態版本」;同一頁也規定商品與商品系列圖片尺寸最高 5,000 x 5,000 px 或 25 百萬畫素,檔案大小須小於 20 MB,而且商品系列頁並排時長寬比要一致。
用 Vormly 怎麼解決
動圖可以直接當商品圖用,不必另外拍影片。整張 GIF 的畫布是用第一張的比例定的,比例不一樣的後續畫面會補黑邊,所以先用裁切圖片把每張裁成同一個比例再丟進來。800 px 對商品頁夠用,檔案也遠低於 20 MB。
Instagram 使用說明的「在 Instagram 發佈相片」寫著,從電腦上傳貼文時「支援的檔案格式為 jpg、png 及 heic/heif」。GIF 不在裡面——做好的動圖拖進貼文欄位只會被擋下來。
用 Vormly 怎麼解決
這是 Instagram 的規定,不是動圖做得好不好的問題:貼文要動,就得改用影片。先知道就不用白做一次——Vormly 做出來的 GIF,留給本頁其他幾張卡裡明確接受 GIF 的地方。
LINE Creators Market 的動態貼圖製作準則把檔案格式寫成 .png(APNG):「檔案的副檔名必須為『.png』。」還規定每張貼圖最長播放 4 秒、重複播放 1~4 次,單張畫格不可超出寬 320px × 高 270px。做成 GIF 送審,第一關就過不了。
用 Vormly 怎麼解決
格式這關 GIF 幫不上忙,但節奏這關可以先在這裡算清楚:調整每張秒數與張數,讓「一圈」讀數落在 4 秒以內,確認速度對了,再拿同一組圖去做 APNG。靜態貼圖那條路要的是去背的 PNG,那是另外兩個工具的事。
Meta 企業商家使用說明的「廣告支援的圖像格式」列出十七種格式:BMP、DIB、HEIC、HEIF、IFF、JFIF、JP2、JPE、JPEG、JPG、PNG、PSD、TIF、TIFF、WBMP、WEBP、XBM,並建議使用 JPG 或 PNG。這張連 PSD 和 XBM 都收的清單裡,沒有 GIF。
用 Vormly 怎麼解決
同一批素材別想同時餵 Google 和 Meta:Google 多媒體廣告收 GIF(30 秒、5 FPS 以內),Meta 這邊要動的只能走影片版位。先在這裡把順序和節奏排好、看過一圈滿意了,再決定它要變成 GIF 還是影片。
2 到 50 張。再多下去 GIF 會迅速變肥,那個份量的內容用一小段影片比較合適。單張檔案最大 100MB,丟 PNG 或 WebP 進來會被擋下並指向 PNG 轉 JPG。
因為 GIF 每一格只裝得下 256 色。這是格式本身的限制,不是哪個設定沒調好——照片會出現顆粒、天空和漸層會變成一階一階的色帶,換任何工具都一樣。純色的畫面、操作介面錄影和線稿反而很耐這個格式;如果內容是照片或實拍,一小段短影片才是對的答案。
大多數情況 0.2 秒(一秒五張)就會被看成動作而不是換頁。GIF 把每格的停留時間存成百分之一秒,這裡最短可以調到 0.05 秒。面板上的「一圈」讀數會告訴你整段播完要多久。
這裡不行,這個工具只收靜態的 JPG。先用你原本的播放器或剪輯軟體把想要的影格匯出成圖片,再丟進來排順序。反過來也一樣:這裡不收 GIF 當輸入,動圖的影格會遺失。
用 Vormly 做 GIF,圖片不會上傳。讀取、縮放、編碼全部在你的瀏覽器裡完成,伺服器上不會留下任何檔案,也不需要註冊。