免費註冊

HTML 壓縮

去掉 HTML 裡的註釋和多餘空白,壓縮前後大小一目瞭然。

關於HTML 壓縮

HTML 壓縮把瀏覽器用不到的內容從網頁裡去掉:註釋、縮排和標籤周圍的空白。靜態頁面上線前,往後臺、廣告位這類有字數限制的地方貼上程式碼前,傳送 HTML 郵件模板前,都可以先壓一遍。把程式碼貼進來或開啟檔案,壓縮結果隨輸入實時出現,同時顯示壓縮前後的大小和減小的百分比。

註釋會刪掉,IE 條件註釋保留,一些老模板還靠它載入檔案。連續的空白合併成一個空格,div、p 這類塊級標籤前後的空白去掉,行內元素之間留一個空格。pre、textarea 裡的內容原樣保留。內聯的 CSS 和 JavaScript 預設也會按 CSS 壓縮、JS 壓縮的安全規則一起壓縮,取消勾選“同時壓縮內聯的 CSS 和 JavaScript”就保持原樣。伺服器上的 gzip、Brotli 還能再省一截,開沒開可以用網頁壓縮檢測檢視。程式碼不上傳。

HTML 壓縮怎麼用

  1. 1
    貼上 HTML

    把程式碼貼上到輸入框,或開啟 HTML 檔案。

  2. 2
    內聯程式碼壓不壓

    “同時壓縮內聯的 CSS 和 JavaScript”預設勾選,不想改動 script、style 就取消。

  3. 3
    看節省多少

    HTML 壓縮結果實時更新,並顯示壓縮前後的大小。

  4. 4
    複製或下載

    複製壓縮後的程式碼,或下載成檔案。

為什麼用熊仔工匠

  • 去掉註釋

    HTML 註釋會刪掉,IE 條件註釋保留。

  • 合併空白

    縮排和換行去掉,pre、textarea 保持原樣,行內元素之間留一個空格。

  • 內聯 CSS、JS 一起壓

    style 和 script 按同樣的安全規則壓縮,也可以取消勾選保持原樣。

  • 節省多少看得見

    複製之前就能看到壓縮前後的大小和減小的百分比。

常見問題

HTML 壓縮常見問題

HTML 壓縮後頁面會出問題嗎?
一般不會。pre 和 textarea 裡的空格保持不變,連結、加粗這類行內元素之間會留一個空格,內聯的 CSS、JS 走的也是和 CSS 壓縮、JS 壓縮相同的安全規則。壓縮後還是建議開啟頁面看一遍。以後要改壓縮過的檔案,可以用HTML 格式化重新縮排。
HTML 壓縮會刪掉註釋嗎?
會刪掉,但 IE 條件註釋會保留,一些老模板還用它給 IE 瀏覽器單獨載入檔案。
能順便壓縮內聯的 CSS 和 JS 嗎?
能,預設就會壓縮。取消勾選“同時壓縮內聯的 CSS 和 JavaScript”,style 和 script 裡的內容就保持原樣。
HTML 能壓縮多少?
要看頁面裡縮排和註釋有多少,結果出來就會顯示壓縮前後的大小和減小的百分比。伺服器再開啟 gzip 或 Brotli,還能省更多。
HTML 程式碼會上傳嗎?
不會。壓縮在瀏覽器裡完成,不佔每日次數,也不用註冊。
把HTML 壓縮分享給朋友開啟瀏覽器就能用,對方不註冊也能先試。

相關工具

HTML HTML 格式化把雜亂的 HTML 按層級縮排,一目瞭然。
JS JS 格式化美化壓縮過或排版混亂的 JavaScript。
HEX 色碼轉換顏色在 HEX、RGB、HSL、CMYK 之間互轉,並檢查對比度。
CRON Cron 表示式生成與解析生成 Cron 表示式,用大白話說明含義並列出接下來的執行時間。
CSS CSS 格式化把壓縮過的 CSS 還原成整齊易讀的樣式。
CSS CSS 壓縮壓縮 CSS,讓網頁載入更快。
HTTP 線上 HTTP 請求測試向公開的介面傳送 GET、POST 等請求,檢視返回結果。
JS JS 壓縮去掉 JavaScript 的註釋和空白,不改變執行結果。