使い方
- CSSを入力パネルに貼り付けます。
- 圧縮するには「圧縮 (Minify)」、読みやすく整形するには「整形 (Beautify)」をクリックします。
- 圧縮の統計情報(削減されたバイト数と割合)を確認します。
- 出力結果をコピーしてプロジェクトで使用します。
主な機能
- コメントと空白の削除: コメント、改行、余分なスペースを取り除き、CSSを素早く圧縮します。
- ファイルサイズの削減統計: 元のサイズと圧縮後のサイズをバイト数で表示し、正確な削減割合を示します。
- CSSの整形展開: インデントや改行を復元し、圧縮されたCSSを再び読みやすく整形します。
- 安全な圧縮: 動作を崩さないよう、改行・空白・コメントの削除に重点を置きます。
- コードのプライバシー保護: すべてお使いのブラウザでローカル処理され、外部への送信はありません。
関連ツール
CSSやUIデザインのために、PXからREM、またはREMからPXに変換します。ベースフォントサイズを変更でき、リアルタイムのチートシートや、対応するTailwindスペーシングトークンを確認できます。
安全なJSON整形ツール。JSONの整形、検証、修復をローカルで行います。美化/圧縮、エラー箇所ハイライト、TypeScriptやZodの自動生成、XMLへの変換にすべてローカルで対応。
無料のJSONPathテスター・評価ツール:APIのJSONを貼り付けて、合致するノードの抽出、パスの確認、および結果JSONのコピーが簡単に行えます。解析とクエリ実行はすべてブラウザ上でローカルに行われます。
JSONオブジェクトや配列をブラウザ内でローカルにCSVに変換します。ネストされたフィールドをフラット化し、結果をプレビューして、データをアップロードすることなくコピーまたはCSVとしてダウンロードできます。
CSVテキストやファイルをブラウザ内でローカルにJSON配列に変換します。ヘッダーの有無、カンマ/セミコロン/Tabの区切り文字、ファイルのドラッグ&ドロップ、コピー、ダウンロードに対応。アップロードは不要です。
ブラウザ内でローカルに2つのJSONドキュメントを比較します。セマンティック(意味的)な差分比較のためにオブジェクトのキーをソートし、順序の違いによるノイズを無視して、追加・削除・変更されたフィールドをマーク。アップロードは不要です。
JSONを1行に圧縮し、インデントや改行を削除します。元のサイズ、圧縮サイズ、削減されたバイト数および割合を比較できます。
無料のオンラインJSON TypeScript変換ツール。JSONペイロードからTypeScriptのインターフェースや型を即座に生成します。100%プライベートなクライアントサイドのコード生成です。
計算ロジック
- 圧縮 (Minify):
/*...*/コメントを削除し、改行やスペースを安全に折りたたみます。 - 整形 (Beautify): 中括弧や宣言の周囲に改行とインデントを挿入します。
- 統計 (Stats): 出力された結果からバイトサイズと削減割合を算出します。
よくある質問
CSSの圧縮はSEOを向上させますか?
多くの場合で向上します。CSSファイルが小さくなると読み込みが速くなり、FCPなどの Core Web Vitals に好影響を与え、間接的に検索パフォーマンスを向上させます。
圧縮されたCSSを読むにはどうすればよいですか?
「整形 (Beautify)」を使用してください。インデントと改行を追加して、人間が読める構造に復元します。
データは安全ですか(ローカル/プライバシー)?
はい。すべてお使いのブラウザでローカルに実行され、アップロードやサーバーでの保存はありません。
無料ですか?制限はありますか?
無料です。非常に大きなCSSファイルを処理する場合は、パフォーマンスを最良に保つため、セクションごとに分割して圧縮することをお勧めします。
CSS圧縮はロスレス(可逆)ですか?
標準的なCSSの場合、空白やコメントの削除による圧縮は通常ロスレスです。ただし、特殊な解析動作に依存しているようなエッジケースは、事前にテストして確認してください。