CSS ミニファイアー
CSS をオンラインで圧縮:コメントと余分な空白を取り除き、スタイルシートを軽量化して表示を高速化。プライベートで安全、アップロードは一切ありません。
このツールは完全にブラウザ内で動作します。データは端末から出ず、サーバーへアップロードされることはありません。
使い方
- 1CSS を入力欄に貼り付けます。
- 2圧縮結果が即座に表示され、節約率も下部に出ます。
- 3圧縮後のスタイルシートをコピーするか、入力をクリアして次のファイルへ。
CSS ミニファイアー
スタイルシートを貼り付けると、リアルタイムでコンパクトな 1 行版に。コメントの除去・冗長な空白の折り畳み・区切りの整形を行いますが、文字列や url() の内容、セレクタとプロパティの意味は書いたまま保たれます。
クリティカル CSS の準備、コミット前のテーマ軽量化、クリーンアップで実際に何バイト節約できるかの確認に使えます。入力サイズ・出力サイズ・節約率を常時表示します。
よくある質問
圧縮すると CSS の挙動は変わりますか?
変わりません。コメントと空白を取り除くだけです。しかも慎重に:文字列と url() の内容はバイト単位で保持され、content の値や data URI もそのままです。
色の最適化やルール統合、自動プレフィックスもしますか?
しません。構文レベルの安全な圧縮に特化しています。構造の最適化(重複ルールの統合、色の短縮)には本格的なポストプロセッサが必要です。このツールは意味の変化ゼロを保証します。
CSS はどこかへ送られますか?
どこへも行きません。圧縮はブラウザ内でローカルに実行され、アップロードも保存もありません。
関連ツール
ツールを埋め込む
1 行であなたのサイトにツールを。訪問者のブラウザ内で動きます。
<iframe src="https://zoyku.com/ja/tools/css-minifier?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — css-minifier" loading="lazy"></iframe>100% ローカル処理