圧縮するとコードが壊れることはありませんか？

圧縮処理は慎重に行われます。文字列、url() の値、やの内容はそのまま保たれ、`a :hover` のようなCSSセレクターの意味も変わらず、calc() 内の空白も維持されます。JavaScriptの圧縮にはTerserを使用しています。結果は必ず動作確認してください。

圧縮でどれくらいサイズを削減できますか？

元のコードに含まれる空白やコメントの量によって異なります。ツールが圧縮前後のサイズを正確に比較して表示します。

コードはどこかにアップロードされますか？

いいえ。圧縮はすべてブラウザ内で行われます。

HTMLやCSSだけでなくJavaScriptも圧縮できますか？

はい。JavaScriptはTerser（圧縮と変数名の短縮）で圧縮され、JSONとSVGにも対応しています。

HTMLコメントは常に削除されますか？

初期設定ではIEの条件付きコメントを除いて削除されます。「コメントを残す」にチェックを入れると、HTMLとCSSのコメントを保持できます。

CSSを圧縮すると未使用のルールも削除されますか？

いいえ。CSSの圧縮で削除されるのはコメントと不要な空白・書式のみです。HTMLを解析して未使用のセレクターを検出・削除することはありません。

圧縮したコードを読みやすい状態に戻せますか？

CSSとJSONは、圧縮の代わりに「整形」にチェックを入れれば再び整形できます。圧縮したHTMLとJavaScriptは元の書式が失われ、JavaScriptは変数名も失われるため、元のソースファイルは必ず保管しておいてください。

gzipの数値は何を意味しますか？

圧縮後のテキストをさらにgzip圧縮した場合のサイズです。多くのサーバーがネットワーク上でこの形式で送信するため、実際のダウンロードサイズに近い値になります。

ブラウザ内で100%ローカル処理

HTML・CSS圧縮ツール

HTML、CSS、JavaScript、JSON、SVGを圧縮。圧縮前後のサイズとgzipの目安を表示し、すべてブラウザ内で完結します。

Loading tool…

クイックアンサー

HTML・CSS圧縮ツール lets you: HTML、CSS、JavaScript、JSON、SVGを圧縮。圧縮前後のサイズとgzipの目安を表示し、すべてブラウザ内で完結します。 To start, hTML、CSS、JavaScript、JSON、SVGから選択します。

このツールの使い方

1
言語を選ぶ
HTML、CSS、JavaScript、JSON、SVGから選択します。
2
コードを貼り付けるかドロップする
入力・貼り付け・ファイルを開くと、結果が随時更新されます。
3
削減量を確認する
ステータスバーに圧縮前後のサイズと、gzip後のサイズの目安が表示されます。
4
コピーまたはダウンロードする
結果をコピーするか、ファイルとしてダウンロードします。

よくある質問

SQL Formatter

16種類のSQL方言に対応。キーワードの大文字小文字、インデント、カンマの位置を設定でき、コメントも保持。すべてブラウザ内で完結します。

JSON Formatter

フルスクリーンのJSONエディタ。整形、検証、修復、キーの並べ替え、ツリー・テーブル・JSONPathクエリでの閲覧まで、すべてブラウザ内で完結します。

HTML・CSS圧縮ツール

このツールの使い方

言語を選ぶ

コードを貼り付けるかドロップする

削減量を確認する

コピーまたはダウンロードする

よくある質問

圧縮するとコードが壊れることはありませんか？

圧縮でどれくらいサイズを削減できますか？

コードはどこかにアップロードされますか？

HTMLやCSSだけでなくJavaScriptも圧縮できますか？

HTMLコメントは常に削除されますか？

CSSを圧縮すると未使用のルールも削除されますか？

圧縮したコードを読みやすい状態に戻せますか？

gzipの数値は何を意味しますか？

関連ツール

SQL Formatter

JSON Formatter

HTML・CSS圧縮ツール

このツールの使い方

言語を選ぶ

コードを貼り付けるかドロップする

削減量を確認する

コピーまたはダウンロードする

よくある質問

圧縮するとコードが壊れることはありませんか？

圧縮でどれくらいサイズを削減できますか？

コードはどこかにアップロードされますか？

HTMLやCSSだけでなくJavaScriptも圧縮できますか？

HTMLコメントは常に削除されますか？

CSSを圧縮すると未使用のルールも削除されますか？

圧縮したコードを読みやすい状態に戻せますか？

gzipの数値は何を意味しますか？

関連ツール

SQL Formatter

JSON Formatter