CSS 圧縮（縮小とも呼ばれます）とは、CSS ファイルから不要な文字（スペース、改行、コメントなど）を削除し、機能に影響を与えずにファイルサイズを縮小するプロセスです。
CSS フォーマットとは、CSS コードを整理し、スタイル設定（インデント、スペース、プロパティの順序など）することで、読みやすさと保守性を向上させることです。
圧縮:
読み込み速度の向上: ファイルが小さいほど、ブラウザでの読み込みが速くなります。
帯域幅使用量の削減: 転送データ量が減ると、特にモバイルでのパフォーマンスが向上します。
本番環境向けに最適化: よりクリーンで軽量なスタイルを提供します。
フォーマット:
可読性の向上: コードの理解と保守が容易になります。
一貫性の確保: コードをクリーンで整理された状態に保ち、チームにとって使いやすくなります。
デバッグの容易化: 適切にフォーマットされた CSS はトラブルシューティングが容易になります。
オンラインツール: CSS を Web ベースのフォーマッタまたは圧縮ツールに貼り付けて、フォーマット済みまたは圧縮済みの出力を取得します。
コードエディタ / IDE: 組み込みのフォーマットツールまたは拡張機能（例: Prettier、Beautify、Minify）を使用します。
ビルドツール: Webpack、Gulp、または CSS プリプロセッサを使用して、フォーマットと圧縮を自動化します。
CLI ツール: Node.js パッケージ（clean-css や csso など）を使用して、ビルドスクリプトで CSS を圧縮します。
圧縮:
パフォーマンスを最適化するために、サイトを本番環境にデプロイする前に行います。
フォーマット:
開発中に、コードを整理して管理しやすくするために行います。
新しいチームメンバーのオンボーディング時や、大きなスタイルシートをメンテナンスする際に行います。
コードレビューの前に、スタイルの一貫性と読みやすさを確保するために行います。
