跳到主要內容
Toolars
探索
回報問題

開發 · 本機工具

HTML 壓縮

HTML Minifier

在本機 Worker 中壓縮最多 256 KiB 的 HTML 並移除註解,內嵌 CSS 與 JS 保持原樣,顯示確切的位元組變化。

任務路徑 / 從輸入到結果

貼上標記

本機執行 · 不做任何上傳

瞭解HTML 壓縮的使用方法、隱私說明與相關工具

任務路徑 / 從輸入到結果

如何壓縮 HTML

  1. 01

    貼上標記

    貼上不超過 256 KiB 的 UTF-8 原始碼。縮小模式下無法使用縮排控制項。

  2. 02

    先試範例

    範例已載入。就緒後可執行本機轉換。

  3. 03

    點擊「壓縮」

    按下「縮小」移除 HTML 註解,但不摺疊 HTML 空白。內嵌 CSS 與 JavaScript 保持原樣;請在目標頁面檢查結果。

  4. 04

    查看統計

    比較輸入與輸出的 UTF-8 位元組數及節省比例。節省值為負表示結果變大;複製或下載前先檢查。

  5. 05

    複製或下載結果

    點「複製結果」放入剪貼簿,或點「下載」儲存為 toolars.min.html。「重設」會清空面板,方便處理下一個文件。

工具速覽

處理方式
在瀏覽器本機完成
輸入是否離開裝置
從不
資料保留
不儲存任何內容
價格
免費

你的輸入留在瀏覽器裡。

HTML 壓縮 使用經過驗證的本機執行路徑,不會建立隱藏的輸入或輸出歷史記錄。

本機執行

在目前瀏覽器分頁內執行。

無隱藏處理

使用中的工具資料絕不會成為 Toolars 的文件記錄。

無需帳戶

無需建立帳戶即可使用核心工作流程。登入後收藏才會同步至你的帳戶。

立即重設

關閉分頁,目前的工作資料即刻消失。

HTML 壓縮 的適用情境

程式碼審查

在分享給其他開發者之前,讓原始碼更易於檢查。

建置產物

生成緊湊的 HTML、CSS 或 JavaScript,而不執行原始碼。

可直接複製的片段

格式化一個聚焦的範例,直接放入文件或編輯器。

HTML 壓縮 究竟做什麼

處理帶有審閱註解的郵件範本時,貼上具代表性的片段,縮小後在郵件呈現器中與原稿比較。確認空白敏感的文字及內嵌樣式,再下載結果。

常見問題

壓縮器會移除什麼?
它移除 HTML 註解並精簡支援的標記,不摺疊空白,也不縮小內嵌的 style 或 script 程式碼。
壓縮用的是什麼引擎?
工具在本機 Worker 中用 Prettier 解析 HTML,再用 html-minifier-terser 壓縮。設定保留 HTML 空白,並停用行內 CSS 與 JavaScript 壓縮;範本結果仍需在實際應用中檢查。
它也會壓縮內嵌的 CSS 和 JavaScript 嗎?
不會。標記中的 style 和 script 區塊保持原樣——被壓縮的只有 HTML 結構。如需壓縮那兩部分,請使用專門的 CSS 和 JavaScript 壓縮工具分別處理。
為什麼輸出反而變大了?
此設定保留空白、引號和選擇性標籤,因此移除註解可能節省很少空間,序列化後的標記甚至可能更大。比較位元組數並保留原件。
限制是多少?錯誤如何處理?
輸入上限 256 KiB,輸出上限 512 KiB。本機 Worker 的啟動和執行各有 5 秒時限;編輯原始碼或按下取消會停止處理。 原始碼只留在此瀏覽器,不會上傳。
我的標記會被上傳或執行嗎?
不會。原始碼只在本機 Worker 解析,不執行、上傳或儲存。解析成功不代表應用程式正確或瀏覽器相容。

繼續探索開發者工具

相關任務,而非死胡同。

無需返回完整索引,直接進入另一個專注的工作區。

程式碼轉圖片

Code to Image Converter

把六種語言的程式碼渲染為帶行號與視窗標題的圖片,淺色深色兩種主題,可嵌入自備字型,匯出 SVG 或 1x、2x PNG。

建立

URL Slug 產生器

URL Slug Generator

把標題即時轉為小寫 slug:去除重音、& 變 and、標點折疊為連字號或底線,保留中日文字元,全程本機。

建立

React Native 陰影產生器

React Native Shadow Generator

對照即時預覽調整 iOS 陰影與 Android elevation,支援新架構 boxShadow 模式,複製可用的 StyleSheet 程式碼。

建立

Base64 編碼 / 解碼

Base64 Encoder/Decoder

在本機雙向轉換 Base64,支援 UTF-8、URL-safe 與保留換行選項,解碼即時驗證,互換按鈕一鍵往返檢查。

轉換