CSS 壓縮

將 CSS 壓縮為緊湊的樣式表,無需重新排序規則。

輸入
輸出
0 字元 0 行

縮小 CSS,同時保留級聯

CSS 壓縮 刪除了可避免的空格、註解和格式,因此樣式表佔用的空間較少。 它對於不需要完整建置管道的快速片段、嵌入樣式、範例和靜態資源非常有用。

CSS 縮小必須保留選擇器順序、宣告順序、特異性、級聯層、自訂屬性和 at 規則結構。重新排序或合併規則可以更改計算樣式,因此該工具專注於緊湊文字而不是有風險的最佳化。

使用方法

  1. 將 CSS 程式碼貼到輸入編輯器中。
  2. 按一下 壓縮 CSS 以刪除可避免的格式和註解。
  3. 檢查輸出以確認保留規則順序、at 規則和自訂屬性。
  4. 使用 複製 作為剪貼簿,使用 下載 作為文件,或使用 清除 進行重置。

CSS 壓縮器是什麼?

CSS 壓縮 是一個基於瀏覽器的實用程序,用於將可讀的 CSS 轉換為較小的樣式表。它保留相同的規則和聲明,同時刪除瀏覽器不需要的格式字元。

有些註釋是有意義的,例如許可證橫幅或建立工具註釋。保留一個可讀的來源文件,並在使用它的頁面中直觀地驗證縮小的 CSS。

輸入說明

僅貼上 CSS。如果您的專案需要自動前綴、來源對應、未使用的 CSS 刪除或進階合併,請透過正常的建置和瀏覽器測試流程執行輸出。

範例

透過刪除註解和格式化空白來壓縮短樣式表:

--- Formatted Input ---
/* Main styles */
body {
  margin: 0;
  padding: 0;
}

--- Minified Output ---
body{margin:0;padding:0;}

MCP 整合

MCP(Model Context Protocol,模型上下文協議)讓 AI 代理和應用可以探索並呼叫 Coding.Tools 工具,用於可重複的轉換、格式化、雜湊和產生工作流程。

MCP 工具名稱: css-minifier

MCP 端點: https://coding.tools/mcp

請先呼叫 tools/list。每個工具項目都包含 inputSchema、outputSchema 和 examples,AI 代理或客戶端可據此建立有效參數,不需要猜測。

呼叫 tools/call 後,result.content[0].text 是顯示用結果,result.structuredContent 是適合程式解析的結構化結果。工具層級失敗會回傳 isError: true;協議層級失敗會回傳 JSON-RPC error。

tools/call 請求範例:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"css-minifier","arguments":{"input":".button {\n  color: white;\n  background: #3366cc;\n  padding: 8px 12px;\n}"}}}'

大多數文字與資料工具接受 input 字串以及可選的 options。只依賴瀏覽器圖片 API 的圖片工具會用於探索,並在需要瀏覽器能力時返回網頁入口。