Dev Tools
HTML 壓縮(Minify)與格式化|免費線上工具
線上壓縮或格式化 HTML。移除空白與註解。在瀏覽器中運作,無需註冊。
檔案絕不儲存即時完成無需註冊
🔒 您的檔案絕不會離開瀏覽器,所有處理都在本機完成。
如何線上壓縮 HTML
- 1
貼上 HTML
將 HTML 文件或程式碼片段貼到輸入框,或直接輸入。
- 2
點選「壓縮」或「格式化」
「壓縮」會合併空白並移除註解;「格式化」會以一致的縮排整理程式碼。
- 3
複製結果
點選「複製」,即可將輸出內容複製到剪貼簿。
HTML 是瀏覽器最先收到的資料,在收到足夠內容、找出其他資源之前,CSS、JavaScript 和圖片都無法開始下載。縮小所有資源都在等待的這份文件,雖然效益不大,卻十分確實:可縮減 10–30% 的大小,且不影響功能,因為剖析器本來就會忽略被移除的空白。
壓縮後的 HTML 在這些情境特別有用:電子郵件範本(部分郵件用戶端會限制郵件大小並截斷超出的部分)、每次請求都由伺服器動態產生的頁面、被載入數百萬次的嵌入式小工具,以及每個頁面都要傳送完整標記的靜態網站。縮排寬鬆、手寫的 HTML,比通常本來就很精簡的框架輸出,更能受益。
關於空白的注意事項:HTML 中有兩個元素的空白屬於內容而非排版,那就是 <pre> 和 <textarea>。本工具會在整份文件中合併標籤之間的空白,因此如果您的文件使用預先排版的區塊,請在發布前於輸出結果中確認。「格式化」模式會為已壓縮或雜亂的程式碼重新縮排,方便檢視接手的網頁。如果文件中含有內嵌樣式與指令碼,請另外交給 CSS 壓縮工具與 JS 壓縮工具處理,以獲得完整的縮減效果。