🧰業務効率化
CSS/HTML圧縮
CSSやHTMLコードを軽量化
- ✓ 無料
- ✓ 登録不要
- ✓ ブラウザだけで動作
- ✓ データ送信なし
ファイルや入力内容は、原則としてお使いのブラウザ内で処理されます。
CSSやHTMLの空白・文字列を保ち、削除できる通常コメントだけを削る、安全性を優先した簡易圧縮ツールです。削減量よりも内容の保持を優先します。
圧縮するコードを入力
圧縮結果
コードを入力してください。
CSS/HTML圧縮とは
このツールは通常コメントの削除に処理を限定しています。CSSの文字列・calc()・カスタムプロパティ、HTMLの属性値や要素間の空白を変えないため、改行やスペースは詰めません。入力は書き換えず、結果を別欄に表示します。コメントがない場合やチェックを外した場合は、削減がないことがあります。
CSSのurl()や文字列の外のエスケープを含む入力は全体を原文のまま保持します。CSSで単語がつながるおそれのあるコメント、ライセンス・制御用のコメント、HTMLメールの条件付きコメントは保持します。pre・textarea・script・styleなど、空白や内容を保護する要素、SVG・MathML・テンプレート構文を含むHTMLは全体を原文のまま保持します。
構文の正しさや全環境の表示一致を保証する機能ではありません。閉じ忘れなどを検出した場合は結果を作成せず、入力の確認を案内します。結果は公開前に原文と比較し、対象のブラウザやメールアプリで表示を確認してください。
入力コードはブラウザ内で処理し、サーバーへ送信しません。
よくある質問
圧縮すると表示は変わりますか？
空白や文字列を保持する方式ですが、すべての構文や表示環境の一致を保証するものではありません。公開前に原文と結果を比較してください。
CSSのコメントも削除できますか？
通常コメントの削除をオンにすると、安全に削除できるものだけを削ります。ライセンス・制御用や単語がつながるおそれのあるコメントは保持します。
HTMLメールにも使えますか？
条件付きコメントは保持します。script・styleなどの保護対象を含む場合は全体を原文のまま返します。配信前に対象のメールアプリで表示確認を行ってください。