CanDoYa
ZH-TW

免費 HTML 壓縮器

全程在瀏覽器裡執行,免上傳、免註冊。

輸入 HTML
壓縮後的 HTML
貼上 HTML 即可查看壓縮結果
分享這個工具

HTML 壓縮器會做什麼?

HTML 壓縮器會移除一般註解、縮排、換行和瀏覽器不需要的多餘空白,讓標記更精簡。貼上完整文件或片段,即可取得壓縮後的 HTML 與精確的位元組差異。script、style、pre 和 textarea 內的內容不會改動,所有處理也只在瀏覽器本機進行。

使用方式

  1. 1貼上 HTML. 在輸入編輯器加入完整 HTML 文件或片段,也可以載入範例。
  2. 2選擇註解處理方式. 若要得到最小結果,請保持移除註解開啟;需要保留審閱備註時則關閉。
  3. 3查看節省幅度. 比較原始與壓縮後的 UTF-8 位元組、節省百分比、移除的行數和註解數。
  4. 4複製結果. 把精簡 HTML 複製到建置輸出、CMS 或本機專案。請保留易讀的原始碼,方便日後編輯。

適合誰用

這個壓縮器採用保守的空白處理方式。它會精簡標記,但在相鄰的行內內容可能需要分隔時保留一個空白。具功能用途的條件式註解、Server Side Includes 指令和 Knockout 註解都會保留。HTML 不會離開你的裝置。

常見問題

這個 HTML 壓縮器免費嗎?

免費。使用 HTML 壓縮器不需要帳號、下載程式或受次數限制。貼上標記後即可查看即時結果,並直接從瀏覽器複製。

我的 HTML 會上傳到其他地方嗎?

不會。壓縮和位元組計算都在瀏覽器本機執行。貼上的 HTML 不會傳送到伺服器,因此未公開範本、內部連結和私有頁面片段都能留在自己的裝置上處理。

一次可以壓縮多少 HTML?

工具不會上傳輸入內容,所以沒有伺服器端的固定大小限制。實際上限取決於瀏覽器記憶體和裝置,一般頁面、範本與電子郵件文件通常都能立即更新。

壓縮器會改動 script 或 style 的內容嗎?

不會。script 和 style 元素內的內容會逐位元組保留。pre 與 textarea 也有相同保護,因為其中的空白和換行可能具有意義。若也要壓縮內嵌的 CSS 或 JavaScript,請使用各自專用的壓縮工具。

哪些 HTML 註解會被移除?

開啟移除註解後,一般開發註解會被刪除。具功能用途的 Internet Explorer 條件式註解、Server Side Includes 指令和 Knockout 繫結註解會留下,因為刪除它們可能改變頁面行為。關閉這個選項即可保留所有註解。

HTML 壓縮會改變頁面外觀嗎?

過度移除空白可能讓單字黏在一起,或改變對空白敏感的內容。這個工具採取保守方式:合併多餘空白、保留可能需要的行內分隔,並完整保留原始文字與預先格式化區塊。每次壓縮後仍應測試正式頁面。

之後可以還原原本的排版嗎?

格式化工具可以為壓縮後的 HTML 補上易讀縮排,但無法找回已刪除的註解或完全相同的原始換行。請把易讀原始檔保存在版本控制中,並將壓縮結果視為建置輸出。