CSS圧縮 / 整形ツール
CSSを貼り付けて、整形ボタンをクリックすると適切なインデントでフォーマットされ、圧縮ボタンをクリックするとコードが圧縮されます。すべての処理はブラウザ内で行われます。
CSSミニファイ / 整形について
このツールはブラウザ内でCSSを処理します。データはサーバーに送信されません。
- 整形：ミニファイされたCSSを適切なインデントと改行でフォーマットし、可読性を向上させます。
- ミニファイ：空白、コメント、不要な文字を削除してファイルサイズを縮小します。
最小化は転送のための最適化であって、ソースに残しておく工程ではありません。配信するものからはコメントと空白を取り除き、編集するものは読める形で保ってください。圧縮がすでに有効なサーバーでは効果は思ったより小さくなります。gzip は繰り返しの空白の扱いが非常に上手だからです。それでも効きますし、費用もかかりません。
マークアップに手こずっていませんか
エスケープされた実体参照、崩れた文字コード、CMS では正しく見えるのにページでは違って見える内容。たいていは、どこかが推測で処理しているサインです。当社はフロントエンドと、その背後にある公開の流れまで作ります。書いたとおりに訪問者へ届けるためです。
サイトについて相談するよくある質問
最小化で実際どれだけ小さくなりますか
圧縮が入っていると思ったより小さくなりません。gzip が繰り返しの空白をすでに効率よくまとめるからです。削減は本物ですがたいてい控えめで、多くのスタイルシートでは使われなくなった規則を消すほうが効きます。
スタイルシートが壊れませんか
入力が正しければ壊れません。CSS ではコメントも空白も意味を持ちませんが、例外が 1 つあります。子孫セレクターの中の空白は意味を持ち、これを消す最小化ツールは規則の対象を変えてしまいます。ここでは残します。
元の書式は戻せますか
読みやすい形には戻せますが、元そのものは戻せません。コメントは失われ、書き手が選んだ改行も失われます。整形は一貫した見た目を作るだけなので、保つべきはソースの写しです。
手作業で最小化すべきですか
一度きりならそれで構いません。定期的に配信するものはビルドの一部として最小化し、読める写しを編集対象のままにしてください。このページは一度きりの用と、ビルドの出力を確かめる用です。
CSS はどこかにアップロードされますか
いいえ。ブラウザー内で処理され、ページの外には出ません。これは聞こえる以上に重要です。スタイルシートは内部のクラス名や未公開の機能、公開前のサイト構造を明かしてしまうことがよくあります。