開発者ツール

CSS ミニファイアー & ビューティファイアー

CSS を圧縮してファイルサイズを削減、または乱雑な CSS をきれいで読みやすいコードに整形します。

無料 & プライベート アップロード不要 ブラウザー処理
入力 CSS0 文字
縮小済み CSS0 文字

CSS の縮小と整形の使い方

CSS 縮小化では、スタイルシートの動作を変えることなく、空白、コメント、冗長コードがスタイルシートから削除されます。 CSS ファイルが小さいほど読み込みが速くなり、ページのレンダリング時間が短縮されます。これはモバイル接続で特に重要です。

整形モードはその逆です。圧縮された CSS または手書きの CSS を、一貫したインデントを持つクリーンで読みやすいコードにフォーマットします。業界標準の js-beautify ライブラリを使用して、信頼性の高い整形結果を提供します。

すべてが完全にブラウザ内で実行されます。 CSS がサーバーに送信されたり、保存されたり、記録されたりすることはありません。メディア クエリ、アニメーション、CSS 変数など、あらゆる CSS で動作します。

よくある質問

CSS の縮小とは何ですか?

縮小すると、CSS ファイルから不要な空白、コメント、冗長コードが削除され、ファイル サイズが削減され、ページの読み込み速度が向上します。

縮小すると CSS の動作が変わりますか?

いいえ。縮小された CSS は元の CSS と機能的には同じで、空白とコメントが削除されるだけです。視覚的な出力はまったく同じままです。

CSS ファイルのサイズはどれくらい削減できますか?

通常、手書きの CSS の場合は 20 ~ 40%、コメントの多いスタイルシートや書式設定されたスタイルシートの場合は最大 60% の節約になります。

縮小されたCSSを美しくすることはできますか?

はい。 美しくする モードに切り替えると、業界標準の js-beautify ライブラリを使用して、縮小された CSS が読みやすく適切にインデントされたコードに拡張されます。

私の CSS はどこかに保存または記録されていますか?

いいえ。すべての処理は完全にブラウザ内で行われます。 CSS がサーバーにアップロード、保存、共有されることはありません。

関連ツール