Display-P3画像の運用戦略 — CSS色とビットマップのハイブリッド
WebはsRGB基準。P3はCSSで演出、必要時のみAVIF 10bitのP3画像＋sRGBフォールバック。検証フローと色ズレ対策。
カラー管理（Color Management）
WebではsRGB基準が原則。作者環境（P3/AdobeRGB）と閲覧環境を越えて色を安定させるための要点をまとめました。
実務の基本ライン
- 書き出し時はsRGBへ変換し、ICCを埋め込む（または省略してsRGB想定）。
- スクショやUIはガンマ/EXIF/メタを除去し、色の前提を統一。
- OGP/ファビコンは色域の違いで見た目が変わりやすい—プレビューで確認（OGPテンプレ）。
関連記事
SVGとラスター画像（PNG/JPEG/WebP/AVIF）の使い分け完全ガイド
ロゴ/アイコン/UIはSVG、写真はAVIF/WebP。パス数・容量・描画コストの閾値と具体フロー、落とし穴まで解説。
A4印刷の最適ピクセル数とDPI
A4印刷に必要な解像度・DPIの目安と作業フロー。Web/印刷の橋渡し。
色覚多様性に配慮したチャート作成
カラーパレット・線種・注記の実務TIPS。PNG/AVIFの選択も含む。
HDR→SDR（LDR）トーンマッピングの実務
ブラウザ再生やOGPの都合を踏まえた最適な落とし込み。
sRGB運用ガイド — Webで色を崩さない
sRGBへの正規化、ICC、ガンマ、P3との兼ね合い、実装の落とし穴。
FAQ
なぜsRGBに揃えるの？
標準色域での一貫性確保と、端末差の最小化のため。P3は高彩度表現で有利だが互換性の面で注意が要る。
ICCを埋めるべき？
基本は埋める。運用都合で省略する場合も、作業中はsRGB変換済みを前提にすること。