CSS圧縮・整形ツール

コメントや空白を取り除いてCSSを圧縮したり、逆にきれいなインデントの読みやすいコードへ展開したりできます — どちらもライブ処理。

916回閲覧

入力

出力

CSSを圧縮する、あるいは読みやすくする

圧縮(Minify)はコメントを取り除き空白をまとめて、本番用にファイルサイズを小さくします。整形(Beautify)はその逆で、圧縮された、あるいは乱雑なCSSを受け取り、1行につき1ルールずつ再インデントして、読みやすく差分も取りやすい形にします。

これは本格的なCSSパーサーではなく、軽量な正規表現ベースのツールです — 標準的なCSSは正しく処理しますが、引用符の中に文字どおりの{、}、;を含む値(実際には稀)は完璧には整形されないことがあります。

圧縮するとCSSが壊れますか?

いいえ — コメントを取り除き、記号周りの空白をまとめるだけです。セレクタ、プロパティ、値、ルールはすべて機能的に同一のまま保たれます。

SCSSやLESSの構文にも対応していますか?

これは純粋なCSS向けに作られています。Sass/Less特有の構文(ネスト、変数、mixinなど)は処理されず、単体では有効なCSSではないため、ほぼそのままの形で通過します。