直接從資料夾裡開啟 index.html，瀏覽器會攔下 JavaScript 模組，於是你選好影片之後，頁面不會有任何反應。改用 http 把這個資料夾提供出去：
powershell -ExecutionPolicy Bypass -File serve.ps1
然後開啟 http://localhost:8080/。
挑好段落、尺寸和幀率。
每一幀的讀取、縮放、量化和寫出，都是你自己的瀏覽器用你自己的硬體做的。這裡沒有任何東西能取資料或者發資料，這個工具壓根沒有聯網功能。就算真有，這個頁面的另一頭也沒有伺服器能接住一段影片。
即時檢查： 檢查中…
離線： 檢查中…
別信我們嘴上說的。開啟開發者工具，盯著「網路」面板，做一張 GIF 試試。沒有一條請求帶著畫面幀、檔名，或者你選中內容裡的任何一個位元組。或者乾脆拔掉網線照做，一個把影片送出去轉換的工具，這時候就該停了。
你可以自己核對。上面這些不用你信。這個頁面是儲存庫裡的模板和配置產生出來的，構建指令碼你能讀，也能自己跑一遍，跑出來的結果就提交在 dist 分支上。拿實際發給你的內容，跟你自己從原始碼構建出來的結果對一遍就知道了：
github.com/A-Box-of-Tools/website
最值得先讀的幾個檔案：config/site.toml 裡是 Content-Security-Policy，src/frames.js 裡是從影片裡取幀的那兩條方法，src/quantize.js 裡是配色板，src/gif.js 裡是檔案本身，連 LZW 都在。這幾個都沒有引入任何能發請求的東西。
如果公司的安全軟體警告說有上傳。它盯著瀏覽器裡選擇檔案的那一刻，而且無法知道頁面是否打算把它發出去——所以在選擇時就發出警告。這裡什麼都不會發出去：開啟瀏覽器的開發者工具，切到網路，然後選一個檔案。沒有任何請求帶著它，除了這個頁面自己的本地預覽之外，根本沒有任何請求。同樣的檢查，你們的 IT 同事半分鐘就能做完。
放起來，把要的那一段標出來。I 把開始點定在播放頭這裡，O 定結束點，條上那兩個手柄也能直接拖。
寬度 高度跟著走，比例不會變。GIF 的花銷就在寬度上：寬度砍一半，畫素少四分之三。
精確寬度 單位畫素，16 到 1920 之間。
每秒幀數 這不是影片自己的幀率，幀是從裡面抽出來的。十二幀就讀得出是在動；過了二十，檔案漲得比順滑看得出來的部分快。
抖動 配色板裡缺哪個顏色，就拿兩個湊。用的是有序抖動，所以靜止的背景不會滿屏爬。
一直循環 關掉就只放一遍，然後停住。
這次管用嗎？
哪裡不對？
謝謝，這很有用。
發出去的只有你這個回答，而且只在你按下按鈕的時候。你的檔案、它的名字，以及跟它有關的任何東西，一樣都不發。
# 影片轉 GIF 把影片做成動圖 挑好段落、尺寸和幀率。 > 把 MP4、MOV 或 WebM 裡的一段做成 GIF 動圖。段落、寬度和幀率你來定，讀幀和寫 GIF 都在你的瀏覽器裡完成。什麼都不上傳。 本頁是一個完全在你的瀏覽器裡執行的互動式工具，地址是 https://abox.tools/zh-TW/video-to-gif/。你交給它的任何內容都不會被上傳。下面是這個頁面用文字對該工具的全部說明；要使用它，請開啟這個地址。 ## 你的影片**不會上傳**。這裡根本沒有伺服器。 每一幀的讀取、縮放、量化和寫出，都是你自己的瀏覽器用你自己的硬體做的。這裡沒有任何東西能取資料或者發資料，這個工具壓根沒有聯網功能。就算真有，這個頁面的另一頭也沒有伺服器能接住一段影片。 - ✗ 不上傳 - ✗ 不註冊 - ✗ 沒有水印 - ✓ 多長都行 - ✓ 斷網能用 ## 影片怎麼做成 GIF 1. **選一段影片。** 把 MP4、MOV、M4V 或者 WebM 拖到下面的方框裡，或者點開自己挑。瀏覽器直接從你的硬碟上讀，這期間沒有東西發出去。 2. **標出那一段。** 放起來，該開始的地方按 `I`，該結束的地方按 `O`，也可以直接拖條上那兩個手柄。GIF 就該是幾秒鐘的東西。檔案是小是大，這個設定說了算，另外兩個加起來都沒它要緊。 3. **挑寬度和幀率。** 寬 480 畫素、每秒 12 幀，GIF 的常見用途基本都夠。寬度砍一半，畫素少四分之三；每秒十二幀已經讀得出是在動，再多的那些幀誰也看不出來，白花錢。 4. **做出來，然後下載。** 幀讀進來，整段動畫共用一份 256 色的配色板，每一幀只寫畫面裡變了的那一塊。做完就在頁面上放給你看，那張圖跟你下載到的是同一個檔案。 ## 說得更細的版本 [怎麼把影片做成 GIF](https://abox.tools/zh-TW/guides/turn-a-video-into-a-gif/): 該挑哪一段、多寬、每秒幾幀，影片做成 GIF 為什麼會大出十倍，以及什麼時候壓根不該用 GIF。 ## 工具箱裡還有 - [GIF 製作](https://abox.tools/zh-TW/gif-maker/): 把一組圖片變成一段動畫。 - [GIF 拆幀](https://abox.tools/zh-TW/split-gif/): 每一幀都單獨存成一張 PNG。 - [GIF 分析](https://abox.tools/zh-TW/gif-analyzer/): 幀、延時、調色盤，以及每個位元組的去向。 - [圖片轉影片](https://abox.tools/zh-TW/images-to-video/): 一個資料夾的圖片，變成一段影片。 ## 常見問題 ### 我的影片會傳到什麼地方去嗎？ 不會。讀取、取幀、轉換，全由你自己的瀏覽器在你自己的硬體上完成。這個工具沒有伺服器那一半，頁面的 `Content-Security-Policy` 把它可能聯的地址全列了出來，沒有一個是本站的。與其聽我們說，不如拔掉網線，照做一張試試。 ### 能轉哪些格式？ MP4、M4V 和 MOV 直接讀，裡面裝的是 H.264、HEVC、AV1 還是 VP9 都行，只要你的瀏覽器解得了那個編碼。其他瀏覽器能播的格式，最典型的是 WebM，改成把播放器逐個時間點跳過去取幀，慢一些，落在哪一幀上也沒那麼精確。瀏覽器既讀不了也播不了的檔案，實際上就是 AVI、WMV、FLV 和大多數 MKV，會被直接拒收並說明原因，不會做到一半才崩。 ### 我的 GIF 怎麼這麼大？ 因為 GIF 是 1987 年的格式，它存的是一張張完整的圖，不是運動。一段五秒的片子，做成 GIF 不可能跟它自己那個五秒的 MP4 一樣小，影片轉出來的 GIF 通常是原影片的十倍。真正決定大小的是三個設定，按要緊程度排：這一段多長、畫面多寬、每秒幾幀。寬度砍一半，畫素就少四分之三，而花錢的正是畫素。 ### 為什麼只有 256 種顏色？ 格式就是這麼定的：一張 GIF 帶一張最多 256 色的顏色表，每個畫素存的是表裡的編號。這個工具的做法是把你選中那一段裡每一幀的顏色都數一遍，再分成 256 組，用的是中位切分法，業界標準做法，所以配色板是貼著你這段片子長出來的，不是一套固定顏色。缺了某個顏色的地方，抖動會把最接近的兩種混在一起，讓漸變還是漸變，而不是一道道色帶。 ### 抖動那個設定是做什麼的？ 拿一點雜訊，換掉一大片色帶。開著的時候，一片本來會變成四道平色的天空還是漸變，代價是有點細微的紋理，檔案也大一點。關掉則畫面更平、檔案更小，適合螢幕錄影、線稿，以及本來就由大片純色構成的東西。這裡用的是有序抖動，不是誤差擴散那種，所以沒變化的背景在幀之間穩穩當當，不會滿屏爬。 ### 長度和體積有限制嗎？ 受限的是你標的那一段，而且卡住它的是記憶體，不是什麼規矩：選好配色板之前，這一段的每一幀都得同時留在手上。所以頁面會先算出你這套設定要花多少記憶體，提前告訴你，超了就直接拒絕，而不是讓分頁耗盡記憶體憑空消失。段落短一點、寬度小一點、幀率低一點，都能把這個數降下來。 ### 聲音能保住嗎？ GIF 裝不了聲音。這個格式壓根沒有帶音訊的版本，這也正是後來網上大多改用無聲循環影片的主要原因。聲音要緊的話，那就別轉，留著影片，[影片剪輯](https://abox.tools/zh-TW/trim-video/)能從裡面剪出一段，而且一幀都不重編。 ### 免費嗎？要註冊嗎？ 免費，沒有帳號，不用登入，沒有試用期，也沒有水印。本站帶廣告，經費就是這麼來的，廣告拿不到關於你影片的任何資訊。 ## 這條隱私承諾怎麼核實 - **你的影片沒地方可去。** Content-Security-Policy 把這個頁面允許聯的地址全列了出來，沒有一個是本站的。這裡沒有能收檔案的介面，程式碼裡也沒有一行會把檔案發出去，就算真有那麼個介面也一樣。 - **這裡沒有任何東西會去聯網取資料。** 這個工具完全沒有聯網功能。沒有網址可以貼，沒有東西要下載，第一次用也不去取什麼引擎。碰過你影片的每一個位元組，都是頁面載入時從本站來的。 - **解碼在本地。** 畫面幀走的是你自己瀏覽器裡的 WebCodecs，或者走那個本來就負責放這段片子的播放引擎。用的是哪一條，頁面頂上寫著，因為這會影響幀是怎麼挑出來的，而你應該看得見這一點。 - **GIF 是在這裡寫出來的，程式碼你能讀。** 配色板、抖動和 LZW 壓縮，加起來大約六百行，就在這個工具自己的目錄裡。沒有編碼服務，沒有執行時去取的庫，整套東西裡也沒有哪個地方能把一張圖送出去。 - **Google 載入了什麼，又拿不到什麼。** 廣告指令碼和統計指令碼來自 Google。關於你影片的資訊，一條都沒給它們，檔案不給，畫面幀不給，檔名、大小、時長、你標的那一段，也都不給。讀取、取幀、量化、編碼的每一行程式碼都從本站發出，也都擺在儲存庫裡。 - **捐助按鈕載入了什麼，又拿不到什麼。** 頁頭那個「Buy me a coffee」按鈕，由 cdnjs.buymeacoffee.com 的指令碼畫出來，字型取自 Google Fonts。它就是個連結，僅此而已，不上報訪問，也拿不到關於你或者你影片的任何東西。 - **斷網照樣能用。** 斷開網路，這個頁面上的一切照常工作。這是最省事的一條證明。 **你可以自己核對。**上面這些不用你信。這個頁面是儲存庫裡的模板和配置產生出來的，構建指令碼你能讀，也能自己跑一遍，跑出來的結果就提交在 `dist` 分支上。拿實際發給你的內容，跟你自己從原始碼構建出來的結果對一遍就知道了： https://github.com/A-Box-of-Tools/website 最值得先讀的幾個檔案：`config/site.toml` 裡是 Content-Security-Policy，`src/frames.js` 裡是從影片裡取幀的那兩條方法，`src/quantize.js` 裡是配色板，`src/gif.js` 裡是檔案本身，連 LZW 都在。這幾個都沒有引入任何能發請求的東西。
怎麼把影片做成 GIF 該挑哪一段、多寬、每秒幾幀，影片做成 GIF 為什麼會大出十倍，以及什麼時候壓根不該用 GIF。
不會。讀取、取幀、轉換，全由你自己的瀏覽器在你自己的硬體上完成。這個工具沒有伺服器那一半，頁面的 Content-Security-Policy 把它可能聯的地址全列了出來，沒有一個是本站的。與其聽我們說，不如拔掉網線，照做一張試試。
MP4、M4V 和 MOV 直接讀，裡面裝的是 H.264、HEVC、AV1 還是 VP9 都行，只要你的瀏覽器解得了那個編碼。其他瀏覽器能播的格式，最典型的是 WebM，改成把播放器逐個時間點跳過去取幀，慢一些，落在哪一幀上也沒那麼精確。瀏覽器既讀不了也播不了的檔案，實際上就是 AVI、WMV、FLV 和大多數 MKV，會被直接拒收並說明原因，不會做到一半才崩。
因為 GIF 是 1987 年的格式，它存的是一張張完整的圖，不是運動。一段五秒的片子，做成 GIF 不可能跟它自己那個五秒的 MP4 一樣小，影片轉出來的 GIF 通常是原影片的十倍。真正決定大小的是三個設定，按要緊程度排：這一段多長、畫面多寬、每秒幾幀。寬度砍一半，畫素就少四分之三，而花錢的正是畫素。
格式就是這麼定的：一張 GIF 帶一張最多 256 色的顏色表，每個畫素存的是表裡的編號。這個工具的做法是把你選中那一段裡每一幀的顏色都數一遍，再分成 256 組，用的是中位切分法，業界標準做法，所以配色板是貼著你這段片子長出來的，不是一套固定顏色。缺了某個顏色的地方，抖動會把最接近的兩種混在一起，讓漸變還是漸變，而不是一道道色帶。
拿一點雜訊，換掉一大片色帶。開著的時候，一片本來會變成四道平色的天空還是漸變，代價是有點細微的紋理，檔案也大一點。關掉則畫面更平、檔案更小，適合螢幕錄影、線稿，以及本來就由大片純色構成的東西。這裡用的是有序抖動，不是誤差擴散那種，所以沒變化的背景在幀之間穩穩當當，不會滿屏爬。
受限的是你標的那一段，而且卡住它的是記憶體，不是什麼規矩：選好配色板之前，這一段的每一幀都得同時留在手上。所以頁面會先算出你這套設定要花多少記憶體，提前告訴你，超了就直接拒絕，而不是讓分頁耗盡記憶體憑空消失。段落短一點、寬度小一點、幀率低一點，都能把這個數降下來。
GIF 裝不了聲音。這個格式壓根沒有帶音訊的版本，這也正是後來網上大多改用無聲循環影片的主要原因。聲音要緊的話，那就別轉，留著影片，影片剪輯能從裡面剪出一段，而且一幀都不重編。
免費，沒有帳號，不用登入，沒有試用期，也沒有水印。本站帶廣告，經費就是這麼來的，廣告拿不到關於你影片的任何資訊。