# CSSミニファイア

> 無料のCSSミニファイア。コメントと空白を除去し、色とゼロを短縮、削減バイト数を表示。すべてブラウザ内で動作。

本番用にスタイルシートを圧縮：コメントと空白を除去し、色とゼロ値を短縮、削減バイト数を正確にレポートします。

*Interactive tool: enter your values at https://toollantern.win/ja/css-minifier/ and results update instantly in your browser.*

## このツールの機能

ミニファイはブラウザが不要とするものをすべて除去します：コメント、改行、インデント、波括弧やコロンの前後の空白、末尾のセミコロン、さらに#ff0000→redや#f00、0px→0といった安全な短縮も行います。動作は同じまま、ダウンロードが速くなります。

## 例

body { color: #ff0000; margin: 0px; }はbody{color:red;margin:0}に。39文字から24文字へ、約38%の削減です。

## いつ圧縮するか

本番環境に出すCSSを圧縮しましょう。読みやすい原本を正として保管し、変更のたびに圧縮版を再生成してください。

## よくある質問
### 圧縮でCSSの動作は変わりますか？

いいえ。CSSパーサーが無視する文字と、安全性が証明された短縮のみを行います。セレクター、詳細度、カスケードの動作は変わりません。

### どれくらい小さくなりますか？

通常20〜40%で、元の空白やコメント量によります。正確な削減量を表示します。

### 開発中も圧縮すべき？

いいえ。開発中は読みやすいCSS（ビルドで使うならソースマップ）で作業し、ビルド時かデプロイ前にここで圧縮してください。

### CSSはサーバーに送信されますか？

いいえ。圧縮はブラウザ内でローカルに行われ、独自のスタイルシートも外部に出ません。

---
Interactive version: https://toollantern.win/ja/css-minifier/