Minify options
Output will appear here...Category:minify
Mode:Offline
Version:1.0.0
Access:Free
什麼是 HTML 縮小器和美化器？
HTML 小化器和美化器透過刪除評論和折疊來壓縮 HTML 文件，您的模板和編輯器留下的空白 - 瀏覽器忽略但每個訪客仍在下載的縮排、空白行和尾隨空格。 HTML 文件是每個頁面載入中的第一個資源；在它到達之前沒有任何東西呈現，因此這裡修剪的位元組將第一個內容繪製和時間比幾乎任何其他資產更直接地移至第一個位元組的指標。 伺服器渲染的頁面和模板輸出通常會減少 10-25% 的大小。
HTML 縮小的關鍵細節是知道什麼不該觸摸。 此工具在做任何其他事情之前，會屏蔽 <pre>、<textarea>、<script> 和 <style> 元素的內容，然後將它們恢復到位元組，因此程式碼樣本保留其換行符，TextArea 預設值保持其格式，並且內聯 JavaScript 和 CSS 永遠不會被重寫。 引用的屬性值被準確地保留，即使普通註釋被剝離，也可以保留 IE 條件註釋 - 與 HTML-minifier-Terser 這樣的建置時間縮小器相同的學科。
美化者反其道而行：它採用縮小或混亂的標記並將其重新縮入嵌套感知結構，保持 <span>、<a> 和 <strong> 等內聯元素與周圍的文字一起流動，而不是將每個標籤爆炸到自己的行。 瀏覽器中的所有內容都以客戶端運行 100% - 您的標記永遠不會上傳或記錄，因此刮擦的頁面、CMS 匯出和專有模板都可以安全地貼上，並且該工具可以繼續離線工作。
HTML 中的空格並不總是微不足道，這就是為什麼 Pre、TextArea、Script 和 Style 完全保持原樣。 在預區塊內折疊一個空間會改變閱讀器所看到的，而在腳本內倒塌一個空間可以改變腳本的作用。
如何使用 HTML 縮小器和美化器？
1
貼上你的 html
將片段、組件模板或完整文件放入輸入區域。 格式化和已經縮小的標記都被接受。
2
設定您的選項
對於縮小，切換註解、空格折疊和條件語音保存。 若要美化，請選擇 2、4 或 8 空格縮排。
3
點擊縮小或美化
Minify 在保護 <pre>、<textarea>、<script> 和 <style> 內容的同時壓縮標記。 Beautify 重新縮排嵌套標籤並保持內聯元素可讀。 儲蓄徽章顯示準確的前/後尺寸。
4
複製或下載
將結果複製到剪貼簿，或將其下載為準備部署或檢查的 .html 檔案。
主要特點
受保護的內容區塊
<pre>、<textarea>、<script> 和 <style> 內容被遮蔽並恢復位元組的位元組 - 程式碼樣本和內聯腳本永遠不會損壞
可配置縮小
獨立切換以刪除評論、空格崩潰和 IE 條件評論保存
屬性安全崩潰
引用屬性值內部的空格是完全保留的，因此替代文字、資料屬性和內聯 JSON 保持不變
結構感美容器
縮進嵌套區塊元素，同時保持 <span> 和 <a> 等內聯標籤與其文字一起流動； void 標籤不需要關閉對
Frequently Asked Questions
HTML 縮小 刪除瀏覽器在渲染時忽略的文件部分 - 註解、縮排、空白行和尾隨空格 - 以縮小檔案而不更改頁面顯示的內容。 因為 HTML 文件是每個頁面載入中的第一個資源，並且在它到達之前沒有任何東西渲染，所以修剪它的大小有助於時間先到一個位元組的指標和第一個有內容的繪畫。
Related Tools
CM&
minify
CSS Minifier & Beautifier
Minify CSS to cut file size or beautify minified stylesheets for debugging
JSON
minify
JSON Minifier
Minify JSON by removing whitespace, or beautify it with clean indentation, with live size-savings stats and exact parser error messages
SF
minify
SQL Formatter
Format messy SQL into readable, indented queries or minify SQL to a single line
HEE
encoding
HTML Entity Encoder/Decoder
Encode and decode HTML entities - named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping
Comments
0 comments
No comments yet. Be the first to share your thoughts!
html minifierminify htmlhtml beautifierhtml formattercompress htmlhtml compressorunminify htmlreduce html sizehtml optimizer