CSS 縮小ツール- 無料のオンライン CSS 縮小・圧縮ツール

Input data
bfotool loadding
Output data
bfotool loadding

 

CSS 縮小ツール

CSSの縮小は、整形された整形式のCSSコードから、スペース、インデント、改行、コメントを削除します。これらの要素はCSSを正しく使用するために必須ではありません。また、CSSが読みにくくなります。

多くの開発者にとっての「ベストプラクティス」は、「美しく整えられた」バージョンを維持し、プロジェクトを展開する際には、スタイルを縮小プログラムに通すことです。また、複数のスタイルファイルを1つのファイルにまとめることも行います。

 

CSS Minifier を使用する理由は何ですか?

ミニファイの目的は、ウェブサイトの速度を向上させることです。ミニファイによりスクリプトのサイズが最大20%縮小され、ダウンロード時間が短縮されます。また、開発者の中には、コードを「難読化」するためにミニファイを利用する人もいます。これによりコードの解読が困難になり、リバースエンジニアリングやコピーが困難になります。

 

CSS の縮小例

前に： 

.headbg{  
    margin:0 8px   
}  
a:link,a:focus{  
    color:#00c   
}  
a:active{  
    color:red   
}

後： 

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }