HTML Minifier
HTMLを圧縮してファイルサイズを削減します。コメント削除・空白折り畳み・属性最適化・インラインCSS/JS圧縮に対応。
CSS Minifier
CSSを圧縮してファイルサイズを削減します。コメント削除・空白折り畳み・カラーコード短縮・0の単位削除などオプション設定可能。
入力データはブラウザ内で処理されます
データはサーバーへ送信されません
変換ツール
CSS Minifierとは？
CSSファイルを圧縮（Minify）してファイルサイズを削減するツールです。
文字列リテラル・url()・コメントを正確に識別するステートマシン方式で処理するため、文字列内のカラーコードを誤変換するなどの問題が起きにくい設計になっています。
コメント削除・空白折り畳み・末尾セミコロン削除・カラーコード短縮・ゼロ値の単位削除・url() 内クォート削除の6つのオプションを個別にON/OFFできます。
Webページの表示速度改善やHTTPレスポンスの軽量化に役立ちます。
使い方
- 入力欄にCSSを貼り付けます。
- 圧縮オプションを選択します（デフォルトはすべてONです）。
- 「Minify」をクリックすると圧縮済みCSSが出力されます。
- 削減率・削減バイト数が出力欄のヘッダーに表示されます。
- 「結果をコピー」でクリップボードにコピーできます。
よくある質問
/*! ... */ の重要コメントは削除されますか？
いいえ。`/*!` で始まるコメントはライセンス表記などに使われるため、コメント削除オプションをオンにしても保持されます。
カラーコードはどのように短縮されますか？
'#rrggbb' 形式で各ペアが同じ文字なら '#rgb' に短縮します（例：#ffffff → #fff、#aabbcc → #abc）。また white・black・red などの主要な名前付きカラーも対応する短縮16進数に変換します。
0の単位削除で影響が出るプロパティはありますか？
ほとんどのケースで安全です。ただし `0s`（transition-duration など）も `0` に変換されます。古いブラウザとの互換性が必要な場合はオフにしてください。
url() 内のクォート削除は安全ですか？
URLに空白や括弧・クォート等の特殊文字が含まれない場合のみ削除します。データURIを含む場合は自動的に保持されます。
データはサーバーへ送信されますか？
いいえ、すべての処理はブラウザ内で完結します。