本文へ移動
QKQuickKitEN
HTTP・WebLOCALブラウザ内で処理

CSS ミニファイア

限定された CSS からコメントと無意味な空白を取り除きます。解析や書き換えは行いません。

入力と主要な処理をブラウザ内で行い、その入力内容をQuickKitサーバーへ送信しない設計です。

圧縮後の CSS

仕組みと使い方

これは保守的で構造的なミニファイアであり、CSS オプティマイザではありません。コメント本文を削除し(先頭の /*! ライセンス表記は保持)、空白を畳んで、{ } ; , の周囲の空白と閉じ波かっこ直前の最後のセミコロンを除去します。CSS のコメントはトークン境界であり空白ではない(CSS Syntax の serialization 規則)ため、コメントを完全に削除するのは、隣に既にハード区切り(空白または { } ) [ ] ; ,)があり、CSS エスケープが隙間を吸収しないと確定できる場合だけです。ident の直後の `(` は 1 つの function-token になるため `(` はハード区切りに含めません。それ以外はコメント本文を削除しつつ最小の /**/ を残すので、@media/**/screen、1/**/px、+/**/1、--a/**/b、#/**/id、\61/**/b、foo/**/( などは入力と完全に同じトークン列に再解釈されます。calc()、:nth-child(2n + 1)、子孫セレクタのため + ~ > 結合子や : の周囲の空白は意図的に除去せず、色・単位・hex の短縮、ルールの統合、宣言の並べ替えも行いません。文字列と url() トークン(内部の空白を含む)はそのまま保持します。入力は 512 KiB までです。本番ビルドでは Lightning CSS や cssnano などの本格的なオプティマイザを使用してください。