CSS 美化與壓縮工具

重新縮排雜亂的 CSS 以便閱讀,或壓縮程式碼以供發佈——安全模式絕不打亂規則順序。

縮排
壓縮強度
貼上或輸入 CSS 以進行美化或壓縮。

你的 CSS 會在瀏覽器本機進行美化和壓縮,不會上傳至 BroBroGo。

常見問題

「美化」與「壓縮」有何分別?

「美化」會重新縮排並加入空格,讓樣式易讀易改;「壓縮」正好相反,會移除瀏覽器不需要的空格和註解,並縮短顏色等數值,使檔案更小、載入更快。開發時使用美化,發佈前進行壓縮。

「安全」與「最佳化」壓縮設定有何作用?

「安全」模式只會移除空格和註解並縮短數值,保留所有規則的原始位置。「最佳化」模式則更進一步,合併重複的選擇器和規則以縮減檔案體積——這可能會重新排列規則順序,因此如果樣式表依賴原始順序,建議在發佈前快速檢查。以 /*! … */ 標記的註解在兩種模式下都會保留。

壓縮會改變網頁的外觀嗎?

在「安全」模式下不會——樣式的轉譯效果完全相同。它只會摺疊空格、移除一般註解,並將數值重寫為較短的等效形式(例如將 #ffffff 寫成 #fff),且絕不改動廠商前綴(vendor prefixes)或現代語法。「最佳化」模式還會合併規則,雖然在絕大多數樣式表上視覺效果一致,但如果你的樣式依賴規則順序,則值得核對一下。