CSSミニファイ：圧縮・整形・HTMLへのインライン化

計算方法

このツールは、スタイルシートに対して3つのことができます。小さなファイルにする圧縮、読みやすいコードにする整形、そしてstyleブロックを無視したり削ったりするメールソフトがあるHTMLメール向けのインライン化です。

CSSを圧縮する

1. 「圧縮」を選び、CSSを貼り付けます。
2. 結果をコピーするか、style.min.cssとしてダウンロードします。下に、どれだけ小さくなったかが表示されます。

表示に影響しない変換だけを行います。コメント（/*! … */を除く）と空白、}の直前の最後のセミコロンを取り除き、0.50emは.5emに、#aabbccは#abcに、0pxは0にします。単位付きのゼロは、必要な場所ではそのまま残します。calc()、min()、max()、clamp()の中、flexの一括指定、時間・角度・パーセントの値、カスタムプロパティなどです。文字列とurl()は変更しません。

CSSを整形する

圧縮されたCSSを読みやすいコードにします。宣言は1行に1つ、セレクターのリストは1行ずつ、ブロックはインデントし、ルールの間は空行にします。コメントは残ります。

CSSをHTMLへインライン化する

styleブロックのあるHTML文書を貼り付けます。要素ごとに、一致するルールを詳細度と順序で並べ替え、style属性に書き込みます。既にあるstyle属性は通常のルールに優先し、!importantはすべてに優先します。:hover、疑似要素、@media、@font-faceなど、要素に書き込めないものは、styleブロックに残ります。

知っておきたいこと

• HTMLは正規化されます：インライン化では、ブラウザがHTMLを読み込んで書き出し直します。タグは小文字、属性は引用符付きになり、表には<tbody>が補われます。<!--[if mso]>のようなコメントは保たれます。
• テストの代わりにはなりません：メールは送信先のソフトで必ず確認してください。特定のCSSプロパティに対応していないものがあります。
• 入れ子のCSS：ルールの中のルール（CSSネスト）は、圧縮と整形では保たれますが、インライン化では展開されません。
• 一括指定：宣言の統合や一括指定の展開は行いません。表示が変わる可能性があるため、意図的にそうしています。

コードはブラウザ内にとどまり、送信も保存もされません。

よくある質問

出典・根拠

• W3C CSS Syntax Module Level 3 (Tokenisierung, Kommentare, Zeichenketten, At-Regeln)
• § 17: W3C Selectors Level 4 – Specificity（カスケードのための詳細度の計算）
• W3C CSS Cascading and Inheritance Level 4 (!important、オリジン、詳細度による順序)
• W3C CSS Values and Units Level 4 (単位なしのゼロ、calc())
• W3C CSS Nesting Module (verschachtelte Regeln)

更新日：2026年9月30日 · 編集方針