CSS圧縮
コメント、改行、連続する空白を削除し、波括弧・セミコロン・コロン周辺の空白を詰めます。
コメント・改行・余分な空白を削除して軽量化 CSS圧縮・整形ツール
CSSコードを1行に圧縮し、圧縮済みCSSを読みやすく整形できます。
- 圧縮ではコメント、改行、余分な空白を削除してコード量を減らします。
- 整形では波括弧とセミコロンの位置で改行・インデントを追加します。
- 入力したCSSは変換処理のために当社サーバーへ送信・保存しません。
圧縮または展開したいCSSコードを入力してください
圧縮・展開後は下記に表示されます
ブラウザ内で処理：CSSコードの圧縮・整形は端末内で行われ、入力内容は変換のために外部サーバーへ送信されません。
HOW TO USE
CSSを圧縮・整形する方法
- CSSを入力スタイルシートのコードを入力欄へ貼り付けます。
- 処理を選択容量を減らす場合は「CSSを圧縮」、読みやすくする場合は「CSSを整形」を押します。
- 結果を確認・コピー変換結果を確認し、「結果をコピー」からクリップボードへ保存します。
MINIFY & FORMAT
CSS圧縮と整形の違い
CSS整形
波括弧とセミコロンを基準に改行とインデントを追加し、1行のCSSを確認しやすくします。
転送量を抑える補助
CSSの文字数を減らすことで、スタイルシートの転送量をわずかに抑えられます。
圧縮コードの内容確認
圧縮済みCSSを整形すると、セレクターや宣言の区切りを目で追いやすくなります。
注意：圧縮時に削除されたコメントや元の改行位置は、整形しても復元されません。ライセンス表記など必要なコメントがある場合は、元ファイルを保管し、変換結果を公開前に確認してください。
FAQ
CSS圧縮・整形についてよくある質問
圧縮するとCSSのコメントは削除されますか？
はい。通常コメントを含め、/* ... */形式のコメントを削除します。保持が必要なライセンス表記がある場合は注意してください。
整形すると元のCSSへ完全に戻りますか？
戻りません。整形は波括弧とセミコロンを基準に改行を加える処理で、圧縮時に削除されたコメントや元の空白は復元できません。
圧縮後のCSSはそのまま公開できますか？
基本的な圧縮を行いますが、複雑な記述を含むCSSでは必ず表示確認を行ってください。元ファイルも別に保管することをおすすめします。
入力したCSSはサーバーへ送信されますか？
本ツールの変換処理では送信しません。圧縮・整形・結果表示はブラウザ内で行います。
SCSSやSassにも対応していますか？
対応していません。ブラウザが解釈する通常のCSSコードを対象としています。