開発 · ローカルユーティリティ
CSS Minifier
ローカル Worker で CSS を圧縮。厳密な構文解析がエラーの行と列を示し、/*! ライセンスコメントは保持される。
タスクの道筋 / 入力から結果へ
スタイルシートを貼り付ける
ローカルで実行 · アップロードなし
タスクの道筋 / 入力から結果へ
256 KiB以内のUTF-8ソースを貼り付けます。圧縮モードではインデント設定を使用できません。
サンプルを読み込みました。準備ができたらローカル変換を実行してください。
「圧縮」を押します。CSSOは通常のコメントを削除し、ルールを再構成せずにCSSを短くします。/*!...*/ コメントは残ります。対象の画面で確認してください。
入力と出力のUTF-8バイト数、削減率を比べます。削減量が負なら結果は大きくなっています。コピーやダウンロードの前に確認してください。
「結果をコピー」でクリップボードへ、「ダウンロード」で toolars.min.css として保存します。出力がそのまま style ブロックやコミットに向かうなら「結果をコピー」が近道です。「リセット」でワークスペースを空にして次のスタイルシートに進めます。
CSS ミニファイ は検証済みのローカル実行パスを使用し、隠れた入力・出力履歴を作成しません。
現在のブラウザタブ内で実行されます。
使用中のツールデータが Toolars のドキュメントレコードになることはありません。
プロフィールを作成せずにコアワークフローを使えます。お気に入りはログイン後にアカウントへ同期されます。
タブを閉じれば、作業中のデータは消えます。
他の開発者と共有する前に、ソースを確認しやすくします。
ソースを実行せずに、コンパクトな HTML・CSS・JavaScript を生成します。
ピンポイントの例を整形し、そのままドキュメントやエディタに移せます。
何か月も手で調整してきたスタイルシートに本番用の形が必要です。クリティカル CSS のブロックはドキュメントの head に入れる前にもう少し小さくしたい。デザインシステムのリリースには前後の数字を手早く比較したい。CSS ミニファイは圧縮結果と正確な削減量をローカルで示し、厳密な解析はそのまま出荷されていたかもしれない迷子の波括弧を捕まえます。リリース候補のたびに実行し、読めるソースはバージョン管理に残しておきましょう。未公開のスタイルがブラウザの外に出ることはなく、アカウントも不要です。
よくある質問