CSS 壓縮工具
在瀏覽器中即時壓縮CSS樣式表。刪除註解、折疊空白、縮小檔案大小。免費且私密。
將CSS檔案拖放至此
支援.css檔案,或在上方貼上CSS程式碼。
在瀏覽器中即時壓縮CSS樣式表。刪除註解、折疊空白、縮小檔案大小。免費且私密。
支援.css檔案,或在上方貼上CSS程式碼。
CSS 縮小會從樣式表中刪除空格、註釋和不必要的字符,以在提供給瀏覽器之前減少其大小。實際的規則沒有改變:縮小的樣式表以與未縮小的來源相同的方式呈現頁面。節省的成本來自於刪除換行符、多餘的分號、註釋、十六進位顏色速記機會和零單位快捷方式(用 0 替換 0px)。
在具有數十種樣式規則的現代網站上,與未縮小的來源相比,典型的減少量為 20-40%。與伺服器上的 gzip 壓縮相結合,邊際節省會縮小——gzip 已經有效地壓縮了重複的文字——但這種組合仍然勝過單獨的壓縮,特別是當樣式表被緩存並多次提供給許多訪客時。
這個壓縮器一次處理 CSS,刪除 url() 值之外的註釋,折疊空白,刪除右大括號之前的多餘分號,應用零單位速記,並在可能的情況下將六位十六進制顏色轉換為三位數形式(#ffffff → #fff)。輸出仍然有效,任何瀏覽器都可以正確解析。
較小的 CSS 檔案載入速度更快,渲染阻塞時間也會減少,這兩者都會提高「首次內容繪製」和「最大內容繪製」分數。對於 Core Web Vitals 影響搜尋排名的網站來說,削減每一千位元組的渲染阻塞 CSS 都是值得的。
頻寬成本在規模上也很重要。當樣式表縮小 30% 時,提供數百萬頁面瀏覽量的網站可以節省可觀的出口量。 CDN 帳單、行動數據使用量和能源消耗均略有受益。縮小本質上是免費的——一次性建造步驟,無需維護成本。
貼上CSS,得到縮小版。
CSS 縮小主要是保守的空白刪除。選擇器、聲明和值中重要的空白會被保留;外部的空白被折疊。註釋除非以 /* 開頭,否則將被刪除! (許可證保存評論)。
常用快捷鍵:0px、0em等類似的零單位值變為0;帶有配對數字的六位十六進制顏色(#ffffff、#336699)變為三位數(#fff、#369); } 之前的最後一個分號被刪除。顏色名稱不會自動轉換為十六進制,因為十六進制有時會更長(紅色的長度比 #f00 短;#ff0000 比紅色長)。
輸出應該通過任何接受輸入的 CSS 驗證器。瀏覽器支援保持不變-縮小不會修改規則本身,只會修改它們的文字表示形式。