開發者工具 / 16

CSS壓縮器

透過結構化規則與值壓縮,解析、最佳化並壓縮CSS。

CSS壓縮器: TOEA使用CSS解析器移除不必要的語法,並安全地重新組織相容的規則。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
CSS 壓縮工具本機處理

全程在瀏覽器中執行

重新整理會做什麼

除了移除空白,壓縮器還會縮短值(將#ffffff變成#fff、將0px變成0)並合併規則。宣告完全相同的兩個選取器會合併成一條規則;在級聯允許的情況下,宣告也可能在規則之間移動。因此,輸出內容不會按照來源順序排列,搜尋某個選取器時可能會發現它與其他選取器歸在一起。若要閱讀結果,請使用CSS格式化工具展開。

授權註解會保留

一般註解會移除,但以/*!開頭的註解會保留。這是函式庫用來保留必須隨程式碼傳遞的著作權和授權聲明之慣例,因此請以這種形式加入聲明,精簡後的檔案就能維持合規。

壓縮也會移除輸出內容與來源之間的關聯。瀏覽器開發人員工具只能透過來源對映將精簡後的CSS對應回原始內容;來源對映由建置工具產生,而本頁不會產生。因此請保留可讀檔案,並以它作為編輯版本。

使用方式

  1. 貼上CSS。
  2. 選擇「壓縮CSS」。
  3. 複製或下載最佳化後的樣式表。

隱私與限制

CSS會留在您的瀏覽器中。部署前,請根據視覺效果與瀏覽器支援需求測試結果。

相關工具

常見問題

它只是移除空格嗎?

不是。解析器也能最佳化值,並合併相容的結構。

註解會保留嗎?

一般註解會從壓縮後的結果中移除。

免費工具・使用在瀏覽器中次・免註冊