完全無料
CSS を ミニファイ
ブラウザ上でCSSスタイルシートを即座に圧縮・最適化。コメント削除、空白削減、ファイルサイズ圧縮。無料でプライベート。
CSSファイルをここにドラッグ＆ドロップ
.cssファイル対応。または上にCSSを貼り付けてください。
または
ブラウザ上でCSSスタイルシートを即座に圧縮・最適化。コメント削除、空白削減、ファイルサイズ圧縮。無料でプライベート。
.cssファイル対応。または上にCSSを貼り付けてください。
CSS 縮小化では、ブラウザに提供する前にスタイルシートから空白、コメント、不要な文字を削除してサイズを削減します。実際のルールは変更されていません。縮小されたスタイルシートは、縮小されていないソースと同じようにページをレンダリングします。節約は、改行、冗長なセミコロン、コメント、16 進カラーの省略表現、およびゼロ単位のショートカット (0px を 0 に置き換える) を削除することで実現します。
多数のスタイル ルールを備えた最新の Web サイトでは、一般的な削減は、縮小されていないソースと比較して 20 ～ 40% です。サーバーでの gzip 圧縮と組み合わせると、限界節約量は縮小します (gzip はすでに繰り返しテキストを効果的に圧縮しています)。しかし、特にスタイルシートがキャッシュされ、多くの訪問者に何度も提供される場合には、この組み合わせは依然として圧縮単独よりも優れています。
このミニファイアは CSS を 1 回のパスで処理し、url() 値の外側のコメントを削除し、空白を折りたたんで、閉じ中括弧の前の冗長なセミコロンを削除し、ゼロ単位の省略表現を適用し、可能な場合は 6 桁の 16 進カラーを 3 桁の形式に変換します (#ffffff → #fff)。出力は、どのブラウザでも正しく解析できる有効な CSS のままです。
CSS ファイルが小さいほど読み込みが速くなり、レンダリング ブロッキング時間が短縮され、両方とも First Contentful Paint と Largest Contentful Paint のスコアが向上します。 Core Web Vitals が検索ランキングに影響を与えるサイトの場合、レンダリングをブロックする CSS を 1 キロバイトごとに削るのは、努力の価値があります。
帯域幅のコストも規模が大きくなると重要になります。数百万のページビューを提供するサイトでは、スタイルシートが 30% 小さくなると、測定可能な量の送信量が節約されます。 CDN の料金、モバイル データの使用量、エネルギー消費量はすべてわずかに改善されます。縮小化は基本的に無料であり、1 回限りのビルドステップであり、メンテナンスコストはかかりません。
CSSを貼り付けて、縮小版を取得します。
CSS の縮小化は主に保守的な空白の削除です。セレクター、宣言、および値内の空白は、重要な場合には保持されます。外側の空白は折りたたまれます。コメントは /*! で始まらない限り削除されます。 (ライセンス保存コメント)。
一般的なショートカット: 0px、0em、および同様のゼロ単位の値は 0 になります。数字のペアを持つ 6 桁の 16 進カラー (#ffffff、#336699) は 3 桁 (#fff、#369) になります。 } の前の最後のセミコロンが削除されます。 16 進数は長さが長い場合があるため (赤は #f00 より短く、#ff0000 は赤より長い)、色名は自動的に 16 進数に変換されません。
出力は、入力を受け入れる CSS バリデーターを渡す必要があります。ブラウザのサポートは変更されていません。縮小化はルール自体を変更せず、ルールのテキスト表現のみを変更します。