メインコンテンツへスキップ
Z

CSSフォーマッター・圧縮ツール

CSSコードをブラウザ上で整形または圧縮。無料・登録不要・アップロード不要。

無料 登録不要 クライアントサイド プライバシーに配慮 Updated

フォーマッターを読み込み中…

使い方

  1. 1 CSSコードを貼り付けます。
  2. 2 読みやすく整形したい場合はBeautify、空白やコメントを取り除きたい場合はMinifyを選びます。
  3. 3 結果をコピーするか、ファイルとしてダウンロードします。

このツールを使う理由

  • js-beautifyライブラリを使用しています。
  • 圧縮済みCSSの整形、整形済みCSSの圧縮のどちらにも対応しています。
  • 処理はすべてクライアント側で完結し、アップロードは一切行いません。
  • 整形モードではセレクタごとに改行するため、git diffとの相性が良好です。

よくある質問

このツールはSCSS / SASS / LESSにも対応していますか?

純粋なCSSのみに対応しています。プリプロセッサ独自の構文（ネストや@mixinなど）はサポートされていないため、事前にCSSへコンパイルしてください。

CSS変数や@mediaクエリはそのまま保持されますか?

はい。カスタムプロパティ、メディアクエリ、コンテナクエリ、at-ruleはすべてそのまま維持されます。

Minifyモードはどの程度まで圧縮されますか?

すべてのコメントを削除し、空白をまとめ、末尾の「}」の直前にある不要なセミコロンを取り除きます。適用されるのは安全な変換のみで、セレクタ名の変更やショートハンドプロパティへの統合は行いません。

CSSフォーマッター・圧縮ツール とは？

CSS Formatterは、CSSのルールを整形（beautify）または圧縮（minify）できるツールです。整形モードではセレクタ、プロパティ、宣言（declaration）にインデントを付け、読みやすい構造に整えます。一方、圧縮モードでは余分な空白や改行を取り除き、CSSファイルのサイズを小さくします。すべての処理はブラウザ内で完結し、登録もサーバーへのアップロードも不要です。CSSの処理はすべてお使いの端末上でローカルに行われます。

機能

ビューティファイ（整形）

ルールを展開し、読みやすく一貫したインデントの宣言にします。

ミニファイ（圧縮）

空白を詰めて、本番環境向けにスタイルシートのサイズを縮小します。

100%プライベート

整形処理はすべてローカルで行われます — CSSがサーバーに送信されることはありません。

例

Input

body{margin:0;color:#fff}

Output

body {
  margin: 0;
  color: #fff;
}

主な用途

  1. 1

    圧縮されたCSSを整形する

    ミニファイされたスタイルシートを展開して、読みやすく編集できるようにします。

  2. 2

    社内スタイルを統一する

    チーム全員のCSSのスペースや大文字小文字の使い方を統一します。

  3. 3

    公開前にサイズを縮小する

    クリティカルパス上のバイト数を削減するため、スタイルシートをミニファイします。

CSSフォーマッター・圧縮ツール と他の選択肢の比較

CSSフォーマッター・圧縮ツール と一般的なブラウザ・デスクトップの代替ツールを比較 — 機能を一目で比較できます。
機能 Zerethon Tools 一般的なオンラインツール デスクトップアプリ
Signup required No Sometimes No (IDEs)
CSS leaves device No Yes No
Beautify + minify Both Sometimes Both
Free Yes Yes Often paid
Works offline Yes (after load) No Yes
概要

ZerethonのCSSフォーマッターは、ブラウザ内でスタイルシートを整形（ビューティファイ）または圧縮（ミニファイ）します。ビューティファイはセレクタ、プロパティ、宣言のインデントを整え直し、ミニファイは空白や改行を取り除いてサイズを削減します。データがサーバーにアップロードされることはありません。

カテゴリ
開発者
料金
無料
プライバシー
ブラウザベース
登録
不要

参考文献

プライバシー

明記されない限り、データがブラウザの外に送信されることはありません。CSSフォーマッター・圧縮ツール は完全にクライアント側で動作します — サーバーへのアップロードなし、ログなし、入力内容のトラッキングなし。

関連ツール

JSONフォーマッター

JSONをオンラインで整形・検証・圧縮。無料・登録不要 — データはブラウザの外へ送信されません。

ツールを開く

SQLフォーマッター

SQLクエリをオンラインで整形 — MySQL、PostgreSQL、SQLite、SQL Server、Oracle、BigQueryのコードをきれいに整えます。

ツールを開く

UUID生成ツール

オンラインでUUIDを生成 — v1、v4、v7、Nilに対応。最大10,000件の一括生成が可能。無料・登録不要。

ツールを開く

パスワードジェネレーター

暗号学的に安全な強力なランダムパスワードを生成します。長さと文字セットを自由にカスタマイズ可能 — すべてブラウザ内で完結します。

ツールを開く

Zerethon Social で作成・共有・成長しよう

無料登録。ポイントを獲得し、実績を集め、世界中のクリエイターとつながりましょう。

Zerethon を無料で試す