CSS ミニファイ
ローカル Worker で CSS を圧縮。厳密な構文解析がエラーの行と列を示し、/*! ライセンスコメントは保持される。
ツールを開く — CSS ミニファイCSS ミニファイ vs CSS フォーマッター
CSS ミニファイ と CSS フォーマッター — どう違う？
結論から: CSS Minifier は配信のためスタイルシートを小さくします。厳密にパースし、エラーを行と列で報告し、コメントと空白を除去し、/*! ライセンスコメントは維持します。バイト統計付きです。CSS Formatter は読みやすさのためのものです。パース済みルールを 2 スペースまたは 4 スペースで再インデントします。本番ペイロードか、作業コピーかの違いです。
CSS ミニファイ と CSS フォーマッター の比較
| CSS ミニファイ | CSS フォーマッター | |
|---|---|---|
| 用途 | ローカル Worker で CSS を圧縮。厳密な構文解析がエラーの行と列を示し、/*! ライセンスコメントは保持される。 | CSS を読みやすく一貫したルールへ、2 または 4 スペースのインデントで再整形。端末のローカル Worker で厳密に解析する。 |
| 入力 | 256 KiB までの CSS。ローカル Worker で厳密にパース | 256 KiB までの CSS。ローカル Worker で厳密にパース |
| 出力 | バイト統計付きの縮小 CSS。/*! ライセンスコメントは維持 | 同じルールを 2 または 4 スペースで再インデントした読みやすい形式 |
| 主な用途 | 本番配信に向けたスタイルシートの縮小 | 圧縮済みやインデントが不揃いな CSS の読解や整理 |
主な違い
CSS ミニファイ vs CSS フォーマッター
役割
作業次第ミニファイアーは配信のために CSS を縮小します。フォーマッターは人が読み編集しやすいように同じ言語を再インデントします。
入力
作業次第どちらも 256 KiB までの CSS をローカル Worker で厳密にパースします。どちらもスタイルシートを実行しません。
出力
作業次第ミニファイアーは /*! コメントを維持した単一行出力と節約バイト数を報告します。フォーマッターは同じルールを一貫してインデントしたものを出力します。
向いている用途
作業次第本番アセットならミニファイアー。レビューするソースならフォーマッターです。
対象のツール
CSS フォーマッター
CSS を読みやすく一貫したルールへ、2 または 4 スペースのインデントで再整形。端末のローカル Worker で厳密に解析する。
ツールを開く — CSS フォーマッター関連比較
ほかの Toolars ツール比較
よくある質問
CSS ミニファイ と CSS フォーマッター はどう違いますか？
ミニファイアーはローカル Worker で CSS を厳密にパースし——エラーは行と列で示されます——配信のためにコメントと空白を除去します。/*! ライセンスコメントは維持され、バイト統計が報告されます。フォーマッターは同じ入力をパースし、レイアウトだけを書き換えます。読みやすさのため 2 スペースまたは 4 スペースでルールを再インデントします。どちらのツールも CSS をどこにも送信しません。
CSS ミニファイ と CSS フォーマッター は一緒に使えますか？
はい。スタイルシートのライフサイクルの両半分です。圧縮済みファイルをフォーマットしてレビューや編集を行い、結果を本番用にミニファイします。フォーマット済みバージョンをソースとして保持し、圧縮出力は配信専用で、編集には使いません。