🗜️ 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 函數會被視為普通令牌值並安全通過。
- 此工具會上傳我的資料嗎？
- 不會。所有運作都在您的瀏覽器中進行，因此您的資料永遠不會離開您的設備 — 頁面載入後，它甚至可以在離線狀態下使用。