壓縮後的 CSS 能小多少?

在 gzip 之後通常比原本小 20% 到 40%。節省主要來自去除註解、空白與多餘的零值。現代建置流程都會自動處理,但對單次片段而言,有手動工具仍然有用。

壓縮會弄壞我的 CSS 嗎?

不會。壓縮器會原樣保留每一條規則、屬性與值,只去除空白與註解。CSS 變數、動畫與 vendor prefix 都不會被改動。

可以。把壓縮過的 CSS 貼上,Toova 會以一致的縮排展開成可讀形式。對於稽核第三方 widget 的實際行為,或除錯框架編譯後的輸出,都非常實用。

這是一個切換選項。壓縮預設會去除註解以最大化節省。若要保留授權標頭與其他重要註解,可以開啟保留註解的選項。

不會。處理完全在您的瀏覽器中執行。沒有任何內容被上傳或記錄。

CSS 壓縮與美化工具

注重隱私的設計 — 完全在您的瀏覽器中執行

在瀏覽器中壓縮或美化 CSS。Toova 會去除空白與註解,讓您的樣式表在正式環境變得更精簡,或把壓縮過的 CSS 美化成真正可閱讀的格式以便除錯。

壓縮模式會去除每一個註解、每一個多餘空白與每一個非必要的換行。輸出在功能上與原本的 CSS 一致,但通常會縮小 20% 到 40%,加快首次繪製並降低傳輸大小。美化模式則反過來——它能把來自 CDN、框架打包檔或第三方 widget 的壓縮 CSS 展開成可讀形式,讓您能稽核選擇器與屬性。

美化輸出可以選擇 2 個空格、4 個空格或 Tab 縮排。也可以決定是否保留註解(對於標頭橫幅與授權字串特別有用)或一律去除。壓縮器會原樣保留 CSS 變數與選擇器,所以自訂屬性名稱與動畫 keyframes 都能完整往返。Vendor prefix 也不會被動到。

每一次壓縮與美化操作都在您的瀏覽器中執行。您貼上的 CSS——無論是設計系統的專有樣式表,還是您在稽核的第三方程式碼——都不會離開頁面。處理期間 Network 分頁會保持空白,網頁載入後可離線運作。

壓縮後的 CSS 能小多少?: 在 gzip 之後通常比原本小 20% 到 40%。節省主要來自去除註解、空白與多餘的零值。現代建置流程都會自動處理,但對單次片段而言,有手動工具仍然有用。
壓縮會弄壞我的 CSS 嗎?: 不會。壓縮器會原樣保留每一條規則、屬性與值,只去除空白與註解。CSS 變數、動畫與 vendor prefix 都不會被改動。
可以美化來自 CDN 的 CSS 嗎?: 可以。把壓縮過的 CSS 貼上,Toova 會以一致的縮排展開成可讀形式。對於稽核第三方 widget 的實際行為,或除錯框架編譯後的輸出,都非常實用。
註解會被保留嗎?: 這是一個切換選項。壓縮預設會去除註解以最大化節省。若要保留授權標頭與其他重要註解,可以開啟保留註解的選項。
我的 CSS 會被送到任何地方嗎?: 不會。處理完全在您的瀏覽器中執行。沒有任何內容被上傳或記錄。