デザイン納品で PNG＋WebP／AVIF を一括エクスポートする際、表と検収リストで 素材の一貫性 を保ちます。色空間・sRGB・透明度・体積閾値の比較表と、フロント向けチェック項目（Mac／リモート M4 想定）。
① WebP・AVIF・PNG を混在させる理由
PNG マスター＋WebP／AVIF 派生で帯域と透明度を両立。スクリプトで固定品質一括エクスポート。ツール別納品・自動化参照。
② 比較表：色空間、sRGB、透明度、ファイル体積の閾値
事前合意用（閾値は目安）。
| 観点 | PNG（マスター） | WebP（派生） | AVIF（派生） |
|---|---|---|---|
| 色空間 | sRGB 8-bit が標準。16-bit は合意時のみ | 8-bit sRGB。未検証 ICC は埋め込まない | sRGB 系（HDR は別途） |
| sRGB の統制 | sRGB 書き出し／P3→sRGB で統一（一貫性の起点） | 同一 PNG から再エンコード | 同一マスターから生成 |
| 透明度 | フルアルファ。UI・アイコン向き | アルファ可。premul／straight を文書化 | アルファ可。Safari 実機確認 |
| PNG 比サイズ感 | 基準 100% | 多く 25〜50% 削減（ロスレスは近接も） | 写真で WebP 比 20〜40% 減のことも。UI は変動 |
| 体積閾値（派生の目安） | マスター常備 | @2x PNG 〜80〜120 KB 超やアイコン 〜30〜50 KB 超で WebP 検討 | ヒーロー等 〜150〜250 KB 超で AVIF 候補 |
| 互換 | 参照・レガシー・QA の基準 | 広くサポート。<picture> で PNG 併用可 |
<picture> で WebP／PNG とセット |
PNG 圧縮：ImageOptim／CLI。派生も品質フラグを文書化。
③ 推奨パラメータ（一括向け）
- PNG sRGB 8-bit／WebP
cwebp -q 75〜85目安／AVIF プリセット固定＋代表画面差分。 - 命名
[email protected]と同幹の.webp・.avifで一貫性。
④ HowTo：Mac での一括エクスポート手順
sRGB 固定→PNG 一括（共有プリセット）→find／Makefile で WebP・AVIF（エンコーダ版を記録）→アルファを明／暗＋ブラウザで確認→パラメータ表とマニフェストを PR に添付。4K 大量は M4 4K PNG バッチ参照。
⑤ デザイン納品→フロントエンド検収チェックリスト
マージ前に確認。
- 仕様：sRGB・倍率・許可形式・エンコーダ設定を 1 枚に。
- 寸法：px と倍率が仕様と一致。
- 透明：フリンジ・余色なし。
- サイズ：表の閾値と照合、逸脱は理由付き。
- 命名：規則・スペースなし・i18n パス統一。
- マニフェスト：名・形式・WxH・バイト（＋任意ハッシュ）。
- ブラウザ：Chrome／Safari＋
<picture>等。 - a11y：装飾／意味の区別と alt。
- ライセンス：フォント・アイコン Web 可否。
⑥ リモート M4 での一括検証メモ
リモート M4でバッチするとローカル負荷を避けられる。並列はメモリ注意。エンコーダ版＋入力ハッシュをログし一貫性を説明可能に。利用ガイドは閲覧のみログイン不要。
マスター PNG が誤りなら派生もすべて誤り。一括エクスポート時点で修正し、CSS で誤魔化さない。
⑦ 次のステップ
まとめ：sRGB PNG 正と派生で一貫性。ブログ索引、圧縮参照。専用 Mac：レンタル／料金／ホーム（閲覧ログイン不要）。
一括エクスポートとデザイン納品をリモート Mac で
WebP／AVIF＋PNG パイプラインをリモート M4 で拡張する
リモート M4 でバッチと検証を回し、納品の再現性と素材の一貫性を高めます。