怎麼用
- 圖片合成:選「多張圖片合成 GIF」,一次選好所有圖片(可多選,也可以拖進來)。清單裡可以拖曳或按「上移」「下移」排順序,每一張都能單獨設定停留秒數。
- 影片轉 GIF:選「短影片轉 GIF」,選好影片後,在預覽畫面把影片播到想要的位置,按「用目前播放位置」設起訖,或直接填秒數,再選每秒格數和輸出寬度。
- 頁面會即時顯示預計的格數、尺寸、長度和檔案大小粗估。按「產生 GIF」,等進度跑完就能預覽,確認沒問題再下載;不滿意就收起預覽,調整後重新產生。
參數怎麼設
- 每格停留秒數與整體速度:每格秒數決定每張圖停多久,整體速度是最後統一加快或放慢的倍率。簡報式的圖片輪播,建議 1 到 2 秒;像手繪動畫那種連續動作,0.1 到 0.2 秒比較順。
- 播放次數:「無限循環」會一直重播;選其他次數,播完會停在最後一格。
- 輸出寬度:寬度是影響檔案大小的最大因素。貼訊息或社群,480 px 通常夠用;需要更清楚再往上加,最高 800 px。
- 每秒格數(影片):10 fps 是畫面順暢與檔案大小的折衷;動作很快的影片再往上調,要壓小檔案就往下調。
- 背景色與透明:圖片尺寸不同、需要留邊時,空出來的地方會用背景色補上;勾選透明背景則留邊與 PNG 的透明處都保持透明。
| 想要 | 建議設定 |
|---|---|
| 貼在聊天、社群的短動畫 | 寬度 320–480 px、10 fps、3–5 秒內 |
| 簡報式圖片輪播 | 每格 1–2 秒、整體速度 1 倍 |
| 檔案太大想縮小 | 寬度減半、fps 降到 5–8、縮短時間 |
| 貼圖、Logo 動畫 | 勾選透明背景,圖片先去背存成 PNG |
檔案在哪裡處理
讀取圖片、擷取影格、把畫面壓成 GIF,全部由你裝置上的瀏覽器執行,不經過本站伺服器。壓縮工作放在背景執行緒,處理期間畫面不會卡住,也能隨時按「取消」。頁面只會記錄你按了哪個按鈕與選了哪個選項,不會記錄檔名或檔案內容。為了避免手機記憶體不足,圖片和格數都有上限,超過時會提示你怎麼調整。
GIF 的限制
GIF 每一格最多 256 種顏色,漸層和照片會看到些微色階,這是格式本身的限制。它沒有聲音,不支援半透明,檔案也比同樣內容的影片大很多。如果只是要在網頁上放一段動畫,短影片通常更小更清楚;要在聊天軟體、論壇、簡報裡通用,GIF 仍然最方便。如果你上傳的是動態 GIF,只會使用第一格畫面。
常見問題
我的圖片和影片會上傳到伺服器嗎?
不會。讀圖、擷取影格、編碼成 GIF 都在你的瀏覽器裡完成,檔案從頭到尾沒有離開你的手機或電腦,本站伺服器收不到任何檔案。關掉網頁後,做出來的 GIF 也不會留在任何地方,記得先下載。
有哪些上限?為什麼要設上限?
最多 300 格、輸出寬度最多 800 px、輸出高度最多 1600 px,另外「寬 × 高 × 格數」的總量也有上限(電腦約 8,000 萬像素,手機約 3,000 萬)。GIF 要把每一格都畫出來再壓縮,格數和尺寸一多,手機很容易記憶體不足而當掉,所以先擋在安全範圍內。超過時頁面會直接告訴你要縮小寬度還是減少格數。
為什麼做出來的 GIF 檔案很大?
GIF 是很老的格式,每個畫面最多只能用 256 種顏色,而且壓縮效率不高,照片或真實影片轉成 GIF 常常比原本的影片大很多。想縮小,最有效的是縮小輸出寬度(寬度減半,檔案大約剩四分之一),其次是減少格數、降低每秒格數。畫面變化小、顏色單純的圖(例如插畫、貼圖)會小很多。要傳到網頁或社群的話,也可以考慮直接用短影片。
「每格秒數」和「整體速度」有什麼不同?
每格秒數是每一張圖各自停留多久,可以讓某一張停久一點。整體速度是最後再乘上去的倍率:選 2 倍,所有格的停留時間都縮成一半;選 0.5 倍就是全部慢一半。需要整體調快或調慢時,改整體速度就好,不用逐張改秒數。GIF 的時間精度是 0.01 秒,而且低於 0.02 秒的延遲,多數瀏覽器會自動當成 0.1 秒播放,所以本工具最短停留 0.02 秒。
圖片大小不一樣怎麼辦?
輸出的長寬比以第一張圖為準。其他尺寸不同的圖,可以選「完整顯示(留邊)」,整張縮進去、空出的地方用背景色補上;或選「裁切填滿」,放大到填滿畫面、超出的部分裁掉。如果想要整張都是同樣的比例,建議先把圖片裁成相同比例再加進來。
背景透明是怎麼做的?
勾選「透明背景」後,PNG 圖片裡透明的地方(以及留邊的區域)在 GIF 裡也會是透明的。但 GIF 只支援「全透明或不透明」兩種,沒有半透明,所以圖片邊緣的柔邊或陰影會變得有點粗糙;如果邊緣看起來有雜邊,改用和你要貼上去的底色相同的背景色會比較乾淨。
影片轉 GIF 時,哪些影片不能用?
要看你的瀏覽器能不能播放那支影片。有 DRM 保護的影片無法處理;部分手機拍的 HEVC(H.265)影片,在某些電腦瀏覽器上也無法播放,可以換 Safari 或新版 Chrome 試試,或先轉成一般的 MP4(H.264)。轉 GIF 時不含聲音,這是 GIF 格式本身的限制。
影片轉 GIF 為什麼比較慢?
本工具是讓瀏覽器把影片「跳到」每一格的時間點,再把畫面擷取下來,一格一格處理,所以格數越多越慢,300 格在電腦上約數秒到十幾秒,手機可能更久。想快一點,可以縮短時間範圍、降低每秒格數,或先把影片剪短。處理中可以按「取消」。
使用別人的圖片或影片做 GIF 要注意什麼?
請只使用你自己拍攝、製作,或已取得授權、有權使用的圖片與影片。把他人的作品剪成 GIF 再散布、上傳或商用,可能涉及著作權問題;本工具只負責格式轉換,不判斷內容能不能使用。
方法與來源
本工具使用以下開源程式庫,放在本站自己的伺服器上,不從外部網站載入:
- gifenc 1.0.3,MIT 授權,作者 Matt DesLauriers,是純 JavaScript 的 GIF 編碼器,負責把每一格畫面量化成 256 色並寫成 GIF 檔。檔案為 npm 官方套件原檔,未經修改(
gifenc.js),在背景執行緒中載入。來源:github.com/mattdesl/gifenc。授權全文:MIT License。
圖片解碼與縮放使用瀏覽器內建的 Canvas;影片使用瀏覽器內建的 <video> 播放器,逐格跳到指定時間後用 Canvas 擷取畫面,不使用 ffmpeg 等外掛。GIF 的時間單位是 0.01 秒。影片轉 GIF 時,各格延遲依累積時間分配,總長會和設定吻合(誤差在 0.01 秒內);圖片合成則是每格各自四捨五入到 0.01 秒,每格最多差 0.005 秒。