💻
開発者ツール
開発者ツール
CSS整形・圧縮機能
乱雑なCSSコードをインデント基準で整形したり、空白・コメントを除去してファイルサイズを最小化します。 js-beautifyライブラリで整形し、独自アルゴリズムで圧縮します。 結果はすぐにコピーできます。
使い方
① 整形または圧縮するCSSを入力欄に貼り付けます。 ②「整形する」または「圧縮する」ボタンをクリックします。 ③ 結果が下部に表示されます。 ④ コピーボタンで結果をクリップボードに保存します。
こんな時に使えます
• 圧縮されたCSSライブラリコードを読みやすく変換したいとき • 本番デプロイ前にCSSを最小化してロード速度を上げたいとき • コードレビュー前にCSS構造を明確に把握したいとき • メールテンプレート・インラインCSSを整理したいとき
よくある質問
- Q. CSS変数やメディアクエリにも対応していますか？
- A. はい、CSS変数（--var）、メディアクエリ、ネストセレクターなど現代のCSS文法をすべてサポートしています。
- Q. 圧縮時にコメントも削除されますか？
- A. はい、圧縮モードではコメントと不要な空白がすべて削除されます。
- Q. SCSSやLESSも処理できますか？
- A. 整形（Beautify）機能はSCSS・LESSの構文もある程度処理できますが、完全なサポートは保証しません。