CSS壓縮 / 美化工具

貼上您的CSS程式碼,點擊美化按鈕以適當的縮排格式化程式碼,或點擊壓縮按鈕來壓縮程式碼。所有處理均在您的瀏覽器中完成。

關於 CSS 壓縮 / 美化工具

此工具完全在您的瀏覽器中處理 CSS。不會向任何伺服器傳送資料。

  • 美化:使用適當的縮排和換行格式化壓縮的 CSS,提升可讀性。
  • 壓縮:移除空白、註解和不必要的字元以減少檔案大小。

壓縮是傳輸環節的最佳化,不是該留在原始碼裡的一步。給要發布的那份剝掉註解和空白,留一份可讀的給你自己編輯。在已經開啟壓縮的伺服器上,收益比多數人以為的要小,因為 gzip 對重複空白處理得很好,但它仍然有用,而且不花什麼代價。

標記老是跟你作對?

被跳脫的實體、壞掉的編碼,以及在 CMS 裡是一個樣、在頁面上又是另一個樣的內容,通常說明流程中有一環在靠猜。我們做前端,也做它背後的發布鏈路,讓訪客看到的就是你寫下的。

聊聊你的網站

常見問題

壓縮到底能省多少?
開了壓縮之後,比你想的要少,因為 gzip 本來就能高效折疊重複的空白。省下來的是真的,只是通常不多;多數樣式表裡更大的收穫,是刪掉那些已經沒人用的規則。
會把我的樣式表弄壞嗎?
只要輸入合法就不會。註解和空白在 CSS 裡不承載含義,只有一個例外:後代選擇器裡的那個空格是有意義的,去掉它的壓縮工具會改變規則匹配的對象。本頁面會保留它。
我能把格式找回來嗎?
你可以讓它重新變得可讀,但拿不回原樣:註解沒了,作者選的換行也沒了。美化產生的是一致的排版,不是你原來那份,所以該留住的是原始碼那一份。
該手工壓縮嗎?
只在一次性的場合。凡是你要經常部署的,都該在建置過程裡壓縮,讓可讀的那份始終是你編輯的那份。這個頁面是給一次性場合,以及用來核對建置產出的。
我的 CSS 會被上傳嗎?
不會,它在你的瀏覽器裡處理,什麼都不會離開頁面。這一點比聽起來更要緊:樣式表常常洩露內部類別名稱、尚未發布的功能,以及一個站點上線前的結構。