AVIF HDR画像2026:美しい10ビット写真が50%小型化 [ガイド]
AVIF HDRをマスター:10ビットカラー、広色域、JPEGより50%小型。完全ガイド、例、ツール、ブラウザサポート →
HDR入門
HDR(ハイダイナミックレンジ)はデジタル画像のキャプチャと表示方法に革命をもたらしています。
8ビット(256レベル)に制限された従来のSDRとは異なり、HDRは10または12ビットを使用し、より現実的な画像のために数千の輝度レベルを提供します。
この拡張された範囲により、深い影と明るいハイライトの詳細を同時にキャプチャでき、人間の目が自然に知覚するものをより良く反映します。
AVIFとHDR
AVIFはフルHDRをネイティブサポートする数少ないWebフォーマットの1つです。
- 10/12ビット深度: AVIFはチャンネルあたり最大12ビットをサポートし、真のHDRに不可欠です。
- PQとHLG: Perceptual QuantizerとHybrid Log-Gamma転送曲線をサポート。
- ワイドガマット: Rec.2020、Display P3、その他のワイドカラースペースをサポート。
- HDRメタデータ: HDR10、HDR10+、Dolby Visionメタデータを保持。
💡 プロのヒント
AVIFはオリジナルのHDRコンテンツの完全な豊かさを保持できる唯一の主要Webフォーマットです。
HDR画像の作成
AVIF HDR画像の作成にはワークフローへの注意が必要です。
HDRソースから始めます:RAWファイル、カメラHDRキャプチャ、またはEXR/HDRの3Dレンダー。
AVIFにエクスポートする際は、適切なカラープロファイルとビット深度を選択してください。
avifImage* image = avifImageCreate(width, height, 10, AVIF_PIXEL_FORMAT_YUV444);
image->colorPrimaries = AVIF_COLOR_PRIMARIES_BT2020;色空間
色空間を理解することはHDRにとって重要です。
| 空間 | カバレッジ | 使用 |
|---|---|---|
| sRGB | 可視35% | Web標準、SDR |
| Display P3 | 可視45% | Apple、モダンHDR |
| Rec.2020 | 可視75% | HDRシネマ、UHD TV |
表示と互換性
HDR表示はユーザーのハードウェアとソフトウェアに依存します。
最新のHDRディスプレイ(OLED、Mini-LED)はAVIF HDRコンテンツをその栄光のままに表示できます。
Chrome、Firefox、SafariすべてがAVIF HDR表示をサポートしていますが、レンダリングはシステム能力に依存します。
HDR最適化
品質を犠牲にせずにHDR AVIF画像をWeb用に最適化します。
- 適応品質: HDRグラデーションを保持するために高い品質設定(80-90)を使用。
- クロマ4:4:4: クリティカルなHDR画像ではクロマサブサンプリングを避ける。
- ゲインマップ: 自動SDR/HDR互換性のためにゲインマップを検討。
- マルチスクリーンテスト: HDRとSDRディスプレイ両方で確認。
💡 プロのヒント
Web用には、HDRがコンテンツにとって重要でない場合は代替のSDRバージョンを作成してください。