1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. CSS
  6. »
  7. 網頁必用-CSS線上壓縮器CSS Compressor立即幫CSS廋身

網頁必用-CSS線上壓縮器CSS Compressor立即幫CSS廋身

2012/12/18

梅問題-CSS壓縮器-CSS線上壓縮器CSS Compressor立即幫CSS廋身

  先前曾分享過「線上CSS壓縮器」,透過這一個網站,就可輕易的將網站用的CSS,減肥廋身讓網站瀏覽更順暢,但那個線上CSS壓縮器很不錯用,可設定的條件很多,但最近梅干在改版後,把CSS碼丟上去壓縮後,殘念發生了~竟然有些區塊都跑掉了,所以梅干也不斷找其它的壓縮器,用了好幾個,都發生一樣的問題,不然就是有壓跟沒壓一樣,檔案大小差不多,就在這時候,梅干發現了一個好用、壓縮比高、問題少的CSS線上壓縮器啦!


  說到這一個網站,看起來蠻一般的,但壓縮品質真的很不賴,可大幅的減少20%左右,雖然說目前大家都是寬頻了,少了幾KB好像沒什麼,但這對主機就有很大的不同了,當很多人瀏覽時,這就是一件很可怕的事,除了會帶來大量的流量外,也會造成主機的負擔,所以建議各位,當製作好CSS檔,還是先壓縮,再放到網路上去,會讓網站瀏覽更加順暢,與減少主機的負擔喔!


線上CSS壓縮器:

網站名稱:CSS Compressor
網站網址:http://www.pagecolumn.com/tool/css_compressor.htm

Step1
首先將CSS的碼,全選並複製起來。
梅問題-CSS壓縮器-CSS線上壓縮器CSS Compressor立即幫CSS廋身


Step2
貼到CSS線上壓縮器的輸入框中,再按下GO
梅問題-CSS壓縮器-CSS線上壓縮器CSS Compressor立即幫CSS廋身


Step3

過一回壓縮完後,可看到小了25%,接著再把輸入框中的碼,複製貼回就可以了。
梅問題-CSS壓縮器-CSS線上壓縮器CSS Compressor立即幫CSS廋身


Step4

可看到,從原來的23.8KB,縮小成16.7KB。
梅問題-CSS壓縮器-CSS線上壓縮器CSS Compressor立即幫CSS廋身