PhotoToolsPhotoTools

線上製作動態 GIF — 免費圖片轉 GIF

將多張圖片合併為循環 GIF。控制影格延遲和輸出寬度。

將影格拖放到此處(順序很重要)

瀏覽檔案

JPG · PNG · WebP · AVIF · HEIC · GIF · BMP

GIF 設定

5.0 fps

至少新增 2 個影格

支援的格式與功能

任意圖片格式

合併 JPG、PNG 或 WebP 影格。HEIC 檔案會在加入序列前自動解碼。

影格排序

用箭頭按鈕將影格上移或下移,以設定精確的播放順序。

影格延遲控制

將延遲設為 50 毫秒(20 fps)到 2000 毫秒(0.5 fps)。預設 200 毫秒(5 fps)適合大多數動畫。

循環開關

啟用無限循環或僅播放一次。兩個選項都直接編碼進 GIF 檔案。

GIF 的不同之處

GIF 是一種較舊的動畫格式,圍繞影格和有限的調色盤建構。它簡單、受廣泛支援且易於分享,但對照片級影片並不高效。每一影格最多可包含 256 色,這就是為什麼漸層和細節豐富的照片可能出現色帶或色調分離的外觀。

GIF 仍然很適合短循環、UI 示範、像素藝術、簡單圖表和輕量反應圖。如果你需要平滑的全彩影片,MP4 或動態 WebP 通常更好。如果你需要在聊天工具或文件中獲得最大相容性,GIF 仍然有用。

影格、時序與循環行為

GIF 是一系列依次顯示的靜態影像。影格延遲控制每張影像在螢幕上停留多久。短延遲產生更快的運動;較長的延遲產生幻燈片般的感覺。循環控制動畫是永遠重複還是只播放一次。

好的 GIF 通常短小而專注。移除不必要的影格,保持適度的尺寸,並選擇讓動作清晰可辨的延遲。一張巨大的動態影像可能比影片檔案還大,尤其是當它包含許多照片般的影格時。

從圖片建立 GIF

PhotoTools 透過取得上傳的圖片、將它們排為影格、必要時調整尺寸,並在瀏覽器中編碼序列來建立 GIF。由於這在本機進行,來源影格無需上傳到伺服器。你可以從螢幕截圖、設計狀態、圖表或匯出的影片影格準備動畫。

為獲得最佳效果,使用尺寸相同、內容相近的圖片。尺寸不一可能需要縮放,這會降低清晰度。一致的背景和少量運動通常比每一影格都整場變化壓縮得更好。

顏色與檔案大小取捨

GIF 的顏色限制是主要的品質約束。照片可能看起來有顆粒感或色帶,因為編碼器必須將許多顏色對應到一個小調色盤中。插畫、圖示和 UI 擷取往往看起來更好,因為它們使用更少的顏色和更銳利的區域。

要減小體積,降低輸出寬度、縮短序列或增加影格延遲。將動畫裁切到重要區域往往比降低品質更有幫助,因為每一影格需要儲存的像素更少。

何時選擇其他格式

當相容性和易於嵌入比完美品質更重要時使用 GIF。對長片段、螢幕錄製或照片級運動使用 MP4。當你掌控瀏覽器支援並想要比 GIF 更好的壓縮時使用動態 WebP。

實用的工作流程是為文件或訊息製作一個快速的 GIF,然後對超過幾秒的任何內容使用影片。如果你日後可能需要以不同尺寸重新匯出,請保留原始影格。

規劃一個乾淨的動畫

好的 GIF 在編碼之前就開始了。確定動畫應傳達的一個想法,然後移除不支援它的影格。對軟體示範,裁切到動作發生的區域。對圖表,保持背景穩定。對影像序列,使用一致的尺寸,使觀看者不會被跳動的邊緣分散注意力。

檔案大小增長很快,因為每一影格都有像素。一個大尺寸的五秒循環可能比一段短影片還重。當目標是輕量、可分享的動畫時,減小尺寸、減少影格數,並避免全螢幕照片級運動。

瀏覽器端的 GIF 建立對私密示範、內部螢幕截圖和草稿視覺素材很有用,因為影格序列保留在你的裝置上。為文件或聊天匯出一個精簡的 GIF,如果你日後需要更高品質的影片或 WebP 動畫,請保留來源影格。

讓 GIF 在真實情境中清晰可讀

人們經常在狹窄的聊天視窗、文件頁面或問題追蹤器中檢視 GIF。在原始螢幕截圖中看起來清晰的文字,匯出後可能變得太小。建立 GIF 之前,放大重要的 UI、緊貼動作裁切,並選擇適合動畫將被嵌入位置的輸出寬度。

時序和尺寸同樣重要。如果循環太快,觀看者會錯過重點;如果太慢,檔案會變重且乏味。使用少量清晰的影格,然後在分享前預覽動畫。本機產生讓這種預覽循環既快又私密。

常見問題

為什麼我的 GIF 看起來發白?

GIF 使用最多 256 色的索引調色盤。帶漸層的照片會出現色帶。對照片級真實的動畫,請改用 WebP 動畫或 MP4。

GIF 的最大尺寸是多少?

我們的工具沒有硬性限制,但瀏覽器和 Twitter 等平台將上傳限制在 15 MB。為獲得最佳相容性,請將輸出寬度保持在 640 px 以下。

我可以從影片製作 GIF 嗎?

不能直接做——先從你的影片中擷取影格(例如用 FFmpeg 或 QuickTime),然後在此處上傳這些影格。