CSS 壓縮：在瀏覽器裡一次移除註解、換行與空白
把樣式表貼進來，就能完成 CSS 壓縮：註解、換行，以及瀏覽器用不到的每個空格都會被移除。壓縮後的 CSS 會在不到一秒內出現在下方，並標出確切省下多少位元組。不必安裝、不必建置，你貼上的內容也不會上傳，所有處理都在你的瀏覽器裡完成。
CSS minify 怎麼用
- 把 CSS 貼到或直接輸入到原始 CSS欄位。
- 停止輸入片刻後，壓縮好的 CSS 會出現在下方，同時顯示原始大小、新的大小與節省的百分比。不需要按任何按鈕。
- 點複製到剪貼簿貼到你的專案，或點下載 .min.css存成檔案。
語法有錯的 CSS 也不會讓工具當掉：程式碼會壓縮到還能讀懂的地方為止，所以你可以先貼上寫到一半的程式碼，之後再修。
CSS minifier 會移除什麼、保留什麼
壓縮後每條規則的效果都和原本完全一樣，被拿掉的只有寫給人看的部分。註解會刪掉，連續空白會合併，大括號、冒號與逗號前後的空格會消失，右大括號前的最後一個分號也會去掉。引號內的字串、url() 的值與跳脫字元都原樣保留，所以像 "a b" 這樣的內容仍會保有中間的空格。
壓縮前：/* Buttons */ .btn { color: #fff; margin: 0 auto; }
壓縮後：.btn{color:#fff;margin:0 auto}
CSS 最小化能讓檔案小多少
這取決於檔案裡有多少註解和空白。註解多、縮排整齊的樣式表，常常能縮小四分之一到一半。結果下方會顯示原始大小、壓縮後大小以及確切的節省百分比。
檔案越小，下載越快，頁面也越早顯示。如果想進一步減少傳輸量，你的網頁伺服器還可以用 gzip 或 Brotli 傳送壓縮後的檔案。
保留或移除授權註解
以 /*! 開頭的註解，通常是函式庫的授權或版權聲明。許多授權條款要求這段聲明必須隨程式碼一起散布，所以預設會保留。
取消勾選輸入欄下方的保留授權註解，就連這些註解也一併移除，得到最小的檔案。
壓縮後的 CSS 能直接上線嗎
可以。被移除的只有不影響瀏覽器讀取樣式表的字元。請把好讀的原始檔留作原始碼，網站上則使用 .min.css 版本，例如 style.css 和 style.min.css 放在一起。
常見問題
CSS minifier 是做什麼的？
它會移除瀏覽器讀取樣式時用不到的所有內容：註解、換行、縮排、大括號與冒號和逗號前後的空格，以及每條規則最後的分號。結果的效果和原本完全一樣，但檔案更小，下載得更快。
CSS minify online 要怎麼操作？
把 CSS 貼到「原始 CSS」欄位，壓縮後的版本很快就會出現在下方，並顯示省下的位元組數。點「複製到剪貼簿」貼到專案裡，或點「下載 .min.css」存成檔案。
CSS 壓縮和 minify 是一樣的意思嗎？
在日常用法裡是一樣的，都是指在不改變效果的前提下把文字變小。把樣式表貼到這裡，再複製或下載壓縮結果即可。如果還想減少傳輸量，網頁伺服器可以再用 gzip 或 Brotli 處理壓縮後的檔案。
怎麼把 CSS 裡的註解全部刪掉？
貼上 CSS 後，取消勾選「保留授權註解」。這樣所有註解都會被刪除，包括以 /*! 開頭的註解。保持勾選的話，只有這些授權聲明會留下。
壓縮後的 CSS 用在正式網站安全嗎？
安全。壓縮只會移除不影響瀏覽器讀取樣式表的字元，字串、url() 的值與跳脫字元都會照你寫的原樣保留。請把原始檔留作原始碼，正式網站上使用 .min.css 版本。
.min.css 檔案是什麼？
.min.css 是樣式表壓縮後的副本，依慣例這樣命名，好和易讀的原始檔放在一起，例如 style.css 和 style.min.css。編輯時改易讀的檔案，網站上則連結 .min.css 檔案。
CSS 壓縮後還能還原嗎？
原本的排版在壓縮時就丟掉了，所以無法完全還原，但可以讓它重新變得好讀。把壓縮後的程式碼貼到程式碼美化工具，就能重新縮排。被刪掉的註解不會回來，所以一定要保留原始檔。
CSS 有語法錯誤也能壓縮嗎？
可以，工具不會當掉。程式碼會壓縮到還能讀懂的地方為止，你可以先貼上未完成的程式碼，之後再修正。
