CSS フォーマッター / ミニファイアー
圧縮された CSS を読みやすい整形済みスタイルシートに変えるか、読み込みを高速化するために縮小します。
下に CSS を貼り付け:
結果:
CSS の整形・圧縮方法
- CSS を入力ボックスに貼り付けます。
- 読みやすくする [整形] か、圧縮する [圧縮] を選択します。
- [処理] をクリックして変換されたスタイルシートを確認します。
- 満足したら出力をコピーします。
よくある質問
CSS の整形では何をしますか?
各セレクターを個別の行に配置し、各宣言をインデントするため、スタイルシートの構造が確認・編集しやすくなります。
CSS の圧縮では何をしますか?
コメントと改行を削除し、不要な空白を削って、同じルールの最小で安全な表現を生成します。
整形すると CSS の動作は変わりますか?
いいえ。整形は CSS が無視する空白と改行のみを変更するため、計算されるスタイルは同じままです。
このツールは無料ですか?
はい。Handio のすべてのツールは無料でブラウザ内で完全に動作し、登録不要、アップロードもありません。
関連ツール
CSS を整形・圧縮する理由
読みやすい CSS はスタイルシートの保守を容易にし、圧縮された CSS はページ読み込みごとにバイトを節約します。このツールは圧縮スタイルを展開したり、読みやすいスタイルを本番用に圧縮したりします。
- スタイルシートの編集や確認の前に、圧縮された CSS を整形できます。
- 本番ビルド用に CSS を圧縮してダウンロードサイズを削減できます。
- 書式を統一してスタイルシートを確認・比較しやすくできます。
ヒントと制限
整形は空白のみを変更するため計算済みスタイルは同一のままですが、非常に特殊な構文についてはパーサーはベストエフォートです。すべてブラウザ内でローカルに実行されます。