工具用的順手嗎？
你的回饋能幫助我們做得更好
高效壓縮CSS程式碼，移除冗餘字元，提升網頁載入效能
概覽
了解工具能解決的問題、計算或處理邏輯，以及資料邊界。
CSS 壓縮會把樣式表中的格式空白與部分註解收整，輸出較短的 CSS 文字，方便複製、比對或納入後續工作流程。這個頁面也能切換到美化模式，將 CSS 重新排成較容易閱讀的縮排格式。它處理的是你貼上的文字，不會讀取專案中的其他檔案或代替整個網站建置。
例如 body { margin: 0; } 可整理成類似 body{margin:0} 的形式。這是格式示意；實際輸出依輸入內容與處理結果而定。字元變少只代表文字長度改變，不能單獨推論頁面載入時間、傳輸量或 Core Web Vitals 一定改善。
CSS 會先依語法拆分成 token；空白在某些位置用來區隔內容，註解也有其語法位置。因此，壓縮不是單純把所有空格刪除，也不能只用輸出是否變短來判斷結果正確。W3C 的 CSS Syntax 規範說明 CSS 詞法分析中的空白、註解與 token。遇到自訂屬性、函式、字串或較新的語法時，應特別檢查輸出是否符合原本意圖。
指南
依步驟完成操作，並透過範例核對輸入與結果。
貼上單一樣式表或要處理的 CSS 片段。先保留原始版本，避免把唯一可讀稿直接覆蓋。
此頁預設依「CSS壓縮」工具進入壓縮模式；需要閱讀單行或緊湊程式碼時，可切換到美化模式。美化模式可調整縮排寬度（2、4 或 8 個空格）及使用空格或 Tab。縮排選項用於美化排版，不是壓縮強度。
輸入或模式變更後會自動處理；確認輸出後可複製到剪貼簿。若結果空白或出現錯誤，先確認輸入不是空字串，再縮小範圍檢查原始內容。
將結果放入測試環境，檢視受影響頁面的版面、互動狀態與響應式斷點，再決定是否替換正式檔案。
情境
查看這項工具在不同工作與生活流程中的用法。
前端開發者要在討論或程式碼審查中貼上較短的樣式片段時，可先壓縮再複製；仍應保留可讀原稿，方便後續維護。
接手既有的緊湊樣式文字時，可切換美化並選擇縮排方式，讓選擇器與宣告更易於瀏覽。美化只調整文字排版，不會替你解釋每條規則的用途。
準備發布樣式表的人可先產生壓縮版本，再與原稿和測試頁面對照。若專案另有建置設定，應以專案實際產物與測試結果為準。
問答
集中解答常見疑問與容易混淆的問題。
不能把它當作完整語法檢查器或修復器。若輸入不完整或輸出異常，請回到原始 CSS 排查，並使用專案中的檢查流程確認。
不會。工具處理你提供的 CSS 文字，不會追蹤其他檔案，也不會依新的部署目錄調整資源路徑。部署位置改變時，請另外檢查圖片、字型等資源網址。
輸出字元數較少不等同實際網頁載入時間縮短。傳輸與快取設定、其他頁面資源及使用者網路環境都會影響結果；應以實際部署環境量測，不要只看文字長度差異。
須知
使用前了解適用範圍、結果限制與必要提醒。
壓縮結果不應未經檢查就覆蓋唯一原稿。不同 CSS 寫法與新語法可能對空白、註解或字元邊界有細節要求；若處理過程出錯或結果看起來不合理，請先比對小片段，避免直接套用到整份正式樣式表。
正式採用前，至少確認主要頁面、不同螢幕寬度及 hover、focus 等互動狀態。註解可能帶有授權或維護資訊，請檢查壓縮後是否仍符合專案要求。此工具不會執行完整瀏覽器相容性測試，也不會替代建置流程、頁面回歸測試或效能量測。
推薦
查找相關工具、專題與可用的 API 能力。
