ANYWEB LAB / CSS MINIFIER

ちょっとしたCSS圧縮ツール

CSSを貼って、軽く圧縮して、コピーやダウンロードまで済ませる小さな開発補助ツールです。

コメントや余分な空白・改行、記号まわりの空白をブラウザ上で整理します。高度な構文解析ではなく、CSSの意味を変えない範囲の簡易圧縮として使ってください。

入力内容はサーバーへ送信・保存しません。複雑なCSS、data URI、文字列、特殊コメントでは崩れる場合があるため、圧縮後は実ページで表示確認してください。

CSS INPUT

CSSを貼り付ける

圧縮したいCSSを貼り付けて、必要なオプションを選びます。

CSSを貼り付けて「圧縮する」を押してください。

MINIFIED CSS

圧縮結果

結果を確認してからコピーまたはダウンロードしてください。

0圧縮前文字数
0圧縮後文字数
0 B圧縮前サイズ
0 B圧縮後サイズ
0 B削減バイト数
0%削減率

文字量/バイト数ベースの目安を表示します。

HOW TO USE

使い方

  1. 圧縮したいCSSを入力欄に貼り付けます。
  2. コメント削除や最後のセミコロン整理の有無を選びます。
  3. 「圧縮する」を押して、文字数・サイズ・削減率を確認します。
  4. 問題なければコピー、または style_min.css のような名前でダウンロードします。

ABOUT THIS TOOL

このツールについて

ちょっとしたCSS圧縮ツールは、ブラウザ上でCSSを簡易圧縮する開発補助ツールです。コメント、余分な空白・改行、記号まわりの空白を整理します。

入力内容は端末内で処理され、サーバーへ送信・保存しません。ダウンロードもBlobでブラウザ内生成します。

軽くなった率は文字量/バイト数ベースの目安です。実際の表示速度改善を保証するものではありません。圧縮後は実ページで表示確認してください。

利用者コメント

0件のコメント

まだコメントはありません。

コメントする