跳到主要內容
Toolars
探索
回報問題

開發 · 本機工具

CSS 壓縮

CSS Minifier

經嚴格解析後在本機壓縮 CSS,保留 /*! 授權註解,語法錯誤會指出行列位置,並比較壓縮前後的位元組數。

任務路徑 / 從輸入到結果

貼上樣式表

本機執行 · 不做任何上傳

瞭解CSS 壓縮的使用方法、隱私說明與相關工具

任務路徑 / 從輸入到結果

如何壓縮 CSS

  1. 01

    貼上樣式表

    貼上不超過 256 KiB 的 UTF-8 原始碼。縮小模式下無法使用縮排控制項。

  2. 02

    先試範例

    範例已載入。就緒後可執行本機轉換。

  3. 03

    點擊「壓縮」

    按下「縮小」。CSSO 會移除一般註解並精簡 CSS,但不重組規則;/*!...*/ 註解會保留。請在目標頁面檢查樣式。

  4. 04

    查看統計

    比較輸入與輸出的 UTF-8 位元組數及節省比例。節省值為負表示結果變大;複製或下載前先檢查。

  5. 05

    複製或下載結果

    點「複製結果」放入剪貼簿,或點「下載」儲存為 toolars.min.css。「重設」會清空工作區,方便處理下一個樣式表。

工具速覽

處理方式
在瀏覽器本機完成
輸入是否離開裝置
從不
資料保留
不儲存任何內容
價格
免費

你的輸入留在瀏覽器裡。

CSS 壓縮 使用經過驗證的本機執行路徑,不會建立隱藏的輸入或輸出歷史記錄。

本機執行

在目前瀏覽器分頁內執行。

無隱藏處理

使用中的工具資料絕不會成為 Toolars 的文件記錄。

無需帳戶

無需建立帳戶即可使用核心工作流程。登入後收藏才會同步至你的帳戶。

立即重設

關閉分頁,目前的工作資料即刻消失。

CSS 壓縮 的適用情境

程式碼審查

在分享給其他開發者之前,讓原始碼更易於檢查。

建置產物

生成緊湊的 HTML、CSS 或 JavaScript,而不執行原始碼。

可直接複製的片段

格式化一個聚焦的範例,直接放入文件或編輯器。

CSS 壓縮 究竟做什麼

手工調了幾個月的樣式表需要它的生產形態;關鍵 CSS 區塊在進文件頭部前應該再瘦一點;設計系統發布想要一個快速的前後對比數字。CSS 壓縮 在本機給你壓縮輸出和確切的節省量,嚴格解析還能抓住那個否則會靜默發布的游離大括號。對每個發布候選運行它,把可讀原始碼留在版本控制裡;未發布的樣式不會離開瀏覽器,也無需帳戶。

常見問題

壓縮器會做哪些改動?
CSSO 精簡語法並移除一般註解;以 /*! 開頭的註解會保留。規則重組已關閉,本工具不處理 HTML 或 JavaScript。
哪些註解能在壓縮後存活?
只有以 /*! 開頭的註解——授權和署名橫幅的通用慣例,它們會保留在輸出中,讓署名在分發後依然存在。普通的 /* */ 註解會被移除,所以必須保留的內容在壓縮前先改成 /*! 形式。
壓縮會改變樣式的生效方式嗎?
這裡不會檢查瀏覽器呈現。請在目標頁面測試輸出,尤其是後備規則順序、選擇器和自訂屬性;解析成功不保證版面完全相同。
為什麼我的樣式表被拒絕了?
正因為壓縮器本身容錯,CSS 在壓縮前會先用嚴格的解析器解析。一處筆誤、一個未閉合的大括號或一條無效宣告都會中止執行,並指出行與列,而不是產出細微出錯的結果。
限制是多少?
輸入上限 256 KiB,輸出上限 512 KiB。本機 Worker 的啟動和執行各有 5 秒時限;編輯原始碼或按下取消會停止處理。 原始碼只留在此瀏覽器,不會上傳。
我的 CSS 會被上傳到別處嗎?
不會。原始碼只在本機 Worker 解析,不執行、上傳或儲存。解析成功不代表應用程式正確或瀏覽器相容。

繼續探索開發者工具

相關任務,而非死胡同。

無需返回完整索引,直接進入另一個專注的工作區。

程式碼轉圖片

Code to Image Converter

把六種語言的程式碼渲染為帶行號與視窗標題的圖片,淺色深色兩種主題,可嵌入自備字型,匯出 SVG 或 1x、2x PNG。

建立

URL Slug 產生器

URL Slug Generator

把標題即時轉為小寫 slug:去除重音、& 變 and、標點折疊為連字號或底線,保留中日文字元,全程本機。

建立

React Native 陰影產生器

React Native Shadow Generator

對照即時預覽調整 iOS 陰影與 Android elevation,支援新架構 boxShadow 模式,複製可用的 StyleSheet 程式碼。

建立

Base64 編碼 / 解碼

Base64 Encoder/Decoder

在本機雙向轉換 Base64,支援 UTF-8、URL-safe 與保留換行選項,解碼即時驗證,互換按鈕一鍵往返檢查。

轉換