🗜️ CSS 压缩工具
将您的 CSS 粘贴到这里并即时压缩 – 注释会被删除，空白会被折叠，字符串和 url() 的值将保持不变。查看您确切节省了多少字节。
您的 CSS
隐私优先设计. 此工具完全在您的浏览器中运行 — 您输入的任何内容都不会上传或存储，并且可以离线使用。
关于
这个 CSS 压缩工具完全在您的浏览器中运行，使用一种分词方法来正确处理边缘情况。它删除单行（//）和多行（/* */）注释，将空白序列折叠为一个空格或在标点符号如 { } : ; , 和 > 周围删除空白，同时保留引号字符串和 url() 值的内容，以确保数据 URI 或字体名称中的空格不会被破坏。因为它是一个基本的分词器而不是完整的 AST 解析器，所以它速度快且无需依赖项，适用于绝大多数手动编写或预处理器生成的 CSS。该工具显示原始大小、压缩后的大小和节省的字节数，以便您决定是否需要进一步优化。
如何使用
- 将您的 CSS 粘贴到左侧的输入区域。
- 点击“压缩” – 工具将对您的 CSS 进行分词处理，并在右侧输出压缩后的版本。
- 查看大小摘要以查看原始大小、压缩后的大小以及节省了多少字节。
- 点击“复制”将压缩后的 CSS 复制到剪贴板，或使用“下载”将其保存为 .css 文件。
常见问题
- 这个工具会将我的 CSS 发送到服务器处理吗？
- 不会。压缩完全在您的浏览器中通过 JavaScript 运行。您的 CSS 从未被发送到任何地方。
- 压缩会不会破坏我的 CSS？
- 分词器会保护引号字符串和 url() 值，因此有效的 CSS 应该保持不变。然而，这不是一个完整的 AST 解析器 – 非标准语法中的不寻常边缘情况可能不会被完美处理。
- 是否删除单行//注释？
- 是的。单行//和多行/* */注释都会被删除。请注意，//并不是CSS规范的一部分，但在预处理器源文件中很常见。
- 我的CSS文件能缩小多少？
- 典型的手动编写的CSS文件可以缩小20-40%。包含大量注释或大量空格的文件可以节省更多。为了最大程度压缩，建议在服务器上结合gzip或Brotli使用。
- 可以压缩包含变量或calc()表达式的CSS吗？
- 可以。自定义属性(--var)、var()、calc()和其他现代CSS函数被视为常规的标记值，可以安全地通过。
- 此工具会上传我的数据吗？
- 不会。所有操作都在您的浏览器中完成，因此您的数据永远不会离开您的设备 — 甚至在页面加载后也可以离线使用。