CSS Minifier
Minify and compress CSS
輸入 CSS
壓縮後的 CSS
關於本工具
CSS 壓縮會從樣式表中刪除所有空白、注釋和冗余字符,同時保留完整功能。瀏覽器對壓縮後的 CSS 和原始 CSS 的解釋完全相同,純粹是為了更快傳輸而減小大小。
對於大型樣式表,壓縮通常可以將大小減少 20-50%。與伺服器 gzip 壓縮結合使用時,節省效果更大。
使用方法
- 將 CSS 貼到左側輸入面板。
- 點擊「壓縮」來壓縮 CSS。
- 節省指示器顯示刪除了多少字元。
使用情境
前端開發人員在部署到生產環境之前減少 CSS 包大小。對於手動壓縮不由構建工具管理的第三方樣式表非常有用。
常見問題
- 壓縮會改變 CSS 的行為嗎? — 不會。壓縮只刪除空白、注釋和冗余分號,不會修改選擇器、屬性名或值。
- CSS 注釋會被刪除嗎? — 是的。壓縮時會刪除所有注釋(/* ... */)以減小文件大小。
- 我的 CSS 會發送到伺服器嗎? — 不會。所有處理都在瀏覽器中本地進行。您的 CSS 不會離開您的裝置。