Minify options
Output will appear here...Category:minify
Mode:Offline
Version:1.0.0
Access:Free
什么是 HTML 缩小器和美容师？
HTML minifier & beautifier 通过删除注释和折叠模板和编辑器留下的空白来压缩HTML 文档 - 浏览器忽略但每个访问者仍在下载的缩进、空白行和尾随空格。 HTML 文档是每个页面加载中的第一个资源；在到达之前没有渲染，因此在这里修剪的字节比几乎任何其他资产都更直接地将第一个内容和时间移到第一个与字节相邻的指标。 服务器呈现的页面和模板输出通常会减少其大小的 10-25%。
HTML 缩小中的关键细节是知道不应该触摸的内容。 这个工具在执行其他任何操作之前，在执行任何其他操作之前，将 <pre>、<textarea>、<script> 和 <style> 元素的内容进行了字节对的恢复，因此代码示例保留了它们的换行符，TextArea 默认保持其格式，并且内联 JavaScript 和 CSS 永远不会被重写。 引用的属性值被精确地保留，即即使在普通注释被剥离时也可以保留条件注释 - 与 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> 内容。 美化重新缩进嵌套标签并保持内联元素可读。 储蓄徽章显示精确的之前/之后的尺寸。
4
复制或下载
将结果复制到剪贴板，或将其作为 .html 文件下载，准备部署或检查。
主要特点
受保护的内容块
<pre>、<textarea>、<script> 和 <style> 内容被屏蔽和恢复字节换字节 - 代码示例和内联脚本从未被改写
可配置的最小化
用于评论移除、空白折叠和 IE 条件评论保留的独立切换
属性安全折叠
引用属性值内的空白处被精确保留，因此alt文本、数据属性和内联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