GIF 裡的步驟跳來跳去，應先檢查影格清單，再重新產生。ToolboxHub 目前沒有拖曳重排；最容易核對的修正方式是保留原圖，清除頁面上的錯誤影格，按預定順序逐張加入工作副本。
先分清檔名順序、清單順序與播放循環
真正決定播放先後的是工具裡的影格清單，不是檔名中的數字。檔名前綴可以幫你挑圖，但工具沒有依檔名重新排序的步驟，不能只看資料夾已經排好就直接下載。
例如四張教學圖分別是「開啟表單」「填入欄位」「按下送出」「出現完成訊息」。若播放成開啟、送出、填寫、完成，先比對清單的 #1 到 #4：順序已錯，就重建清單；清單正確而觀看時像是從中間開始，則先觀察完整一輪，確認不是在動畫播放途中才看到畫面。
本文核對的是 2026 年 9 月 29 日工作區的工具程式與繁中介面文字，沒有執行瀏覽器動畫測試。以下四張圖是示範用輸入規格，讀者可用自己的非敏感測試圖重現；不是宣稱已完成的實測紀錄。
用四張編號圖重建可核對的順序
先保留原始圖片，在工作副本上加上容易辨識的 01、02、03、04，並讓四張圖使用相同寬高。可在副本檔名使用這些前綴；若能在圖片本身看見步驟號碼，動畫播放時也更容易核對。不要更改副檔名來假裝轉換格式。
這組示範的輸入是四張 640 × 360 像素 PNG：01 開啟表單、02 填入欄位、03 按下送出、04 完成。預期輸出是一個同樣為 640 × 360 的 GIF，每輪按這四個步驟播放，第四格之後回到第一格。
- 開啟 GIF 動畫產生器，移除清單中原有的錯誤影格。這只移除頁面項目，不會刪除裝置上的原圖。
- 先加入 01，等縮圖出現，再加入 02、03、04。每次都核對新增項目在清單尾端及其編號，不依賴檔案選擇器如何安排多選項目。
- 把每幀延遲設為 1000 毫秒，循環選無限循環。這是方便檢查的速度，四格設定上的總延遲為 4000 毫秒；實際觀看節奏仍受播放器影響。
- 清單應恰有四格，#2 是填寫、#3 是送出。確認後產生，先看完整一輪，再下載並以新檔案核對。
逐張加入比一次選完多幾個動作，卻能把選取順序的不確定性移除。四張教學圖通常不值得反覆猜測多選規則。
只刪除一格再補回，為什麼仍然錯位？
新加入的圖片會放在清單尾端，不會補進剛刪除的位置。假如原本是 01、03、02、04，刪掉 03 再加入，結果會成為 01、02、04、03，依然不是目標順序。
少量圖片可全部移除重加，最不容易漏掉重複格。若前半段確定正確，也可保留正確前綴、移除從第一個錯位開始的所有後續影格，再逐張補入正確尾段。不要一邊猜、一邊只刪一張，最後卻忘了哪些已加入。
如果移除後重新選取同一批檔案沒有反應，可先記下設定，重新載入頁面，再建立清單。重新載入會失去頁面中的影格與尚未下載的輸出，必須先保留需要的檔案。
按鈕不能按或舊預覽消失，先檢查狀態
產生按鈕需要至少兩格，而且每格都讀取完成。只有一張圖時請加入第二張；有空白縮圖時先等待，若持續無法讀取，改用能正常開啟的圖片副本重試，不要連續加入更多大圖。
改動延遲、循環或影格會清除舊預覽及下載連結。這表示原本的輸出已不對應目前設定，需要重新產生；不是要求你把已下載的檔案刪掉。為避免檢查到舊版本，下載後記清楚是哪一次產生的檔案。
順序修好後若圖片變形，則是另一個問題：輸出寬高取自第一格，後面圖片會拉伸到相同尺寸。先在工作副本用圖片裁切統一比例，再用圖片縮放準備一致尺寸；順序調整本身不會修正比例。
交付前用步驟內容驗收
驗收要看下載的 GIF，不能只看網頁上有四張縮圖。依序確認「填寫」在「送出」前、「完成」在最後，再多看一輪確認回到開頭時沒有混入重複圖片。最後才把延遲調成正式需要的速度、重新產生並再次核對。
目前每格共用同一個延遲，不能只讓完成畫面停留較久；也沒有插入位置、逐格裁切或聲音設定。圖片由瀏覽器讀取並使用本站編碼程式產生 GIF，程式中沒有圖片上傳請求，但這不是對整個瀏覽器環境的隱私保證。敏感畫面應先換成示意資料，大量高解析圖片則可能耗用過多記憶體。
常見問題
排錯時先固定圖片內容與延遲，只改清單順序，較容易確認是哪個步驟造成差異。
檔名已經是 01 到 04，為什麼還要看清單？
工具不會重新按檔名排序。檔名是選圖提示，清單編號才是產生動畫前應檢查的序列。
可以把 4 拖到 2 嗎？
目前沒有這個功能。保留正確前綴，再移除錯位尾段並逐張補入，或全部重新加入。
四張圖是不是一定正好播放四秒？
每格設 1000 毫秒時，四格設定總延遲是四秒，但播放器排程不適合作為精準計時證據。這個設定只是為了看清楚步驟。
已下載的 GIF 能直接拆格重排嗎？
本工具把加入的圖片當作影格，不提供既有動畫的拆格編輯流程。保留四張原始靜態圖，回到這些副本重新產生。