Image Compressor

## ローカル画像圧縮ツール - ユーザーマニュアル

サーバーへの依存を完全に排除した、ブラウザ完結型の高性能画像圧縮ツールです。すべての圧縮処理、フォーマット変換、視覚的な差分計算は、お使いの端末のローカルメモリ上のみで実行されます。

**主な特徴**

* **100% クライアントサイド処理**: ファイルがブラウザ外へ送信されることはなく、データの機密性を完全に保持します。

* **解像度（ピクセル寸法）を維持**: 実際の画像解像度を縮小することなく、ファイル容量（KB/MB）のみを削減します。

* **タッチ対応のビジュアル差分比較**: モバイル端末では画面上のスプリットバーをスワイプ、デスクトップではマウスでドラッグして、細部のディテールが保持されているか確認できます。

* **マルチコーデック出力**: WebP、JPEG、および8ビット減色（量子化）パレットによるPNGエンコードに対応しています。

**操作手順**

**ステップ 1: 画像をインポートする**

1. モバイル端末の場合は中央のドロップエリアをタップします（デスクトップの場合はドラッグ＆ドロップ）。

2. 写真ライブラリから既存の画像を選択するか、カメラを起動して新しく撮影します。

**ステップ 2: 最適化設定を行う**

下部パネルのコントロールを使用して、希望するコーデックを選択し、出力品質を調整します。

* **フォーマットの選択:**

* **WebP（デフォルト）**: 豊かなディテールと透過情報を維持しつつ、最高の圧縮率を実現する最新の標準形式です。

* **JPEG**: 透過背景を必要としない、複雑な写真に最適な汎用性の高い形式です。

* **PNG（減色処理）**: 色深度を4色〜256色に削減し、透過情報を保持したままPNGファイルの容量を大幅に削減します。

* **パラメータ調整:**

* **品質スライダー（WebP / JPEG）**: 1%〜100%の間で調整します。通常は75%〜85%に設定することで、視覚的な劣化をほとんど感じさせることなく最適なファイルサイズ削減効果が得られます。

* **カラーパレットスライダー（PNG）**: フラットイラスト、ロゴ、UIのスクリーンショットなどの容量を大幅に抑えたい場合に、色数を減らして調整します。

**ステップ 3: リアルタイムで結果を確認する**

1. **メトリクスカード**が即座に更新され、以下の情報が表示されます。

* **寸法（解像度）**: 画像本来のピクセル幅と高さ。

* **オリジナルと圧縮後のサイズ**: 実際のバイト数の比較。

* **削減率**: 削減されたデータ全体のパーセンテージ。

2. 垂直の境界線（ディバイダー）をドラッグまたはスワイプして、画質の変化を比較します。

* **左側**: 圧縮後の画像。

* **右側**: 元の未加工画像。

**ステップ 4: 結果を保存する**

**画像をダウンロード**ボタンをタップして、最適化されたファイルを端末に直接保存します。