開発者ツール

CSS 圧縮・空白とコメントの削除

余分な空白やコメントを削除してCSSをローカルで最小化します。リリース前の静的なスニペットのサイズを素早く整理するのに便利です。

CSSミニファイア

このツールをお気に入りに

お気に入りの保存方法がまだ選ばれていません。

クイック操作

このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。

利用シーン

  • Minifyの手書きCSSスニペット
  • サードパーティのスタイルサイズを縮小する
  • 前後の文字数を比較してください

使い方

  1. CSSソースを貼り付け
  2. minifyを実行してください
  3. コンパクト結果をコピーします

入出力サンプル

CSS

.foo { color: red; }

ミニファイド

.foo{color:red}

FAQ

色や略語の性質を書き換えるのでしょうか?

ライトミニピューション(主に空白とコメントの除去)を行い、セレクターやプロパティの意味を書き換えることはありません。

ビルドツールの完全なミニファイアの代わりになるのでしょうか?

これはスニペット作業のためのクイックな作業です。プロジェクトビルドパイプラインを使って、ツリーシェイク、高度な最適化、ソースマップに活用しましょう。

ツール

関連ツール

近い用途の翻訳済みツールへ続けて進めます。

HTMLミニファイア

HTML 圧縮・余分な空白の整理

利用可能

余分な空白や改行を除去してHTMLフラグメントをローカルで最小化します。マークアップをアップロードせずにテンプレートの整理やサイズ比較に便利です。

HTML ミニファイア

JSON 圧縮

JSON 圧縮オンライン

利用可能

ブラウザでJSONをコンパクトな1行にまとめて、構文は出力前にチェックされており、小規模な設定、APIペイロード、ローカルストレージに役立ちます。

JSON ミニファイア

SQLミニファイア

SQL 圧縮・空白とコメントの削除

利用可能

複数行SQLをブラウザのローカルでコンパクトな1行に縮小し、コメントを削除するオプションもあります。ログ埋め込み、ペイロードサイズの確認、輸送に有用です。

SQL ミニファイア