元サイズ
310 B
CSSを貼り付けると不要なコメントと空白を減らし、HEX色の短縮や0単位の整理も行います。
小さいCSSは描画開始とキャッシュ効率に役立ちます。本番前に主要レイアウトを実ブラウザで確認してください。
CSS構造チェック
CSS構造は有効そうです
元サイズ
310 B
圧縮サイズ
227 B
削減バイト
83 B
削減率
26.8%
gzip推定
73 B
ルール数
2
宣言数
10
削除コメント
1
圧縮したいCSSを貼り付けます。media queryやCSS変数にも対応します。
結果を確認し、コピーまたは.min.cssで保存します。
. product-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:20px;border:1px solid #eee;border-radius:12px;background:#fff;color:#1f2937}.product-card:hover{border-color:#fc0;transform:translateY(-2px)}このツールは素早い容量削減用です。複雑なCSSはビルドパイプラインも使ってください。
コードはブラウザ内で処理されます。文字列と実用的な式を保ちながら、コメント、改行、安全な空白を削減します。
いいえ。ブラウザ内だけで処理されます。
CSS向けです。SCSSやLessは先にCSSへビルドしてください。
保持オプションで /*! から始まるコメントを残せます。
さらに探す
同じカテゴリのツールと Gogotem で人気のツールを続けて探せます。
Format, validate, and minify JSON payloads in one place.をGogotemで無料で使えます。入力値を変えると結果がすぐに更新されます。
Encode plain text to Base64 or decode Base64 back into text.をGogotemで無料で使えます。入力値を変えると結果がすぐに更新されます。
Encode and decode query-safe URL values for links and APIs.をGogotemで無料で使えます。入力値を変えると結果がすぐに更新されます。
Convert Unix timestamps into readable dates and back again.をGogotemで無料で使えます。入力値を変えると結果がすぐに更新されます。
Generate SHA hash values from plain text input.をGogotemで無料で使えます。入力値を変えると結果がすぐに更新されます。
Generate one or more UUID v4 values for development and testing.をGogotemで無料で使えます。入力値を変えると結果がすぐに更新されます。