HTMLやCSSの基本を学ぶ方に
1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］
Kindle版（電子書籍）／Mana／SBクリエイティブ
HTML・CSSの書き方からページのレイアウトまで学ぶ入門書です。
Amazonで見る ↗ちょっとした診断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
使い方
- 圧縮したいCSSを入力欄に貼り付けます。
- コメント削除や最後のセミコロン整理の有無を選びます。
- 「圧縮する」を押して、文字数・サイズ・削減率を確認します。
- 問題なければコピー、または
style_min.cssのような名前でダウンロードします。
ABOUT THIS TOOL
このツールについて
ちょっとしたCSS圧縮ツールは、ブラウザ上でCSSを簡易圧縮する開発補助ツールです。コメント、余分な空白・改行、記号まわりの空白を整理します。
入力内容は端末内で処理され、サーバーへ送信・保存しません。ダウンロードもBlobでブラウザ内生成します。
軽くなった率は文字量/バイト数ベースの目安です。実際の表示速度改善を保証するものではありません。圧縮後は実ページで表示確認してください。
HTML・CSSの基本を学びたい方へ （PR）
HTML・CSSの仕組みや書き方を学ぶ参考書です。コードやデータを見直す際の読み物として。
購入前に、商品の状態・接続方式・配列などをご確認ください。リンク先の価格や在庫、出品者は変わることがあります。