RESCENE JAPAN FANBASE 画像自動軽量化ガイド
==========================================

【仕組み】
・元のPNG、JPEG、WebPは削除しません。
・画像の内容をSHA-256で判定し、同一画像は1組のWebPだけを生成します。
・480px、768px、最大1440pxを基準に、元画像の大きさに応じた複数サイズを生成します。
・閲覧端末の画面幅に合わせて、ブラウザが適切なWebPを自動選択します。
・最適化データが未生成・読み込み失敗の場合は元画像をそのまま表示します。

【自動実行】
画像ファイルをGitHubへ追加・差し替えすると「Optimize Site Images」が自動実行されます。
手動実行: Actions → Optimize Site Images → Run workflow

【生成物】
assets/optimized/             画面幅別のWebP
 data/image-manifest.json      元画像とWebPの対応表
 data/image-optimization.json  件数・容量・推定削減率のレポート

【画像を差し替えるとき】
1. これまでどおり元画像を同じ場所へアップロードします。
2. Commit directly to the main branch で保存します。
3. Optimize Site Imagesが正常終了するまで確認します。
4. 公開ページをCtrl＋F5で再読み込みします。

【最適化したくない画像】
HTMLのimgまたはpicture内sourceへ data-no-image-optimize="true" を付けると、
表示時のWebP切り替え対象から除外できます。元画像自体は生成対象に残ります。

【注意】
・生成されたassets/optimized内のファイルを手動編集しないでください。
・削除された元画像に対応する古いWebPは、次回実行時に自動削除されます。
・推定削減率は最大1200px相当で表示した場合の概算です。