自学笔记《HDR图片+动画+透明通道（avif篇）》

下一代图片格式中，HEIF、AVIF、Jpeg-XL的官方说明都写明支持高动态范围，动画，携带透明通道等功能。随着部分图片编辑软件开始支持HDR图片的创建、编辑、导出，支持以上三种格式的HDR图片，也逐渐为大多数人认识。虽然截止发稿为止，在网络端的分享还比较有限。本篇分享纯属自己个人瞎折腾，出于好奇，做为尝试的记录。本篇先分享关于avif，由于目前只有基于Chromium核心的浏览器才支持预览HDR的avif格式的图片，所以建议使用符合标准的HDR显示设备与及chrome浏览器来查看最终效果。

1.从任意编辑软件中导出一段HDR视频，我这里由于除了要带HDR，还需要带通道，就直接导出一段ProRes 4444的影片。

2.在编码avif格式过程中，需要使用avifenc编码器来编码，avifenc不支持直接编码ProRes编码的mov格式视频，需要一个中间格式，可以使用Y4M格式，之前在以下篇文章里也分享过如何使用Y4M做为中间格式来编码avif,原理基本一样。

Iphone 里的HDR 照片如何玩？是不是只能在相册里看HDR效果？

使用ffmpeg将mov转码成y4m

1.不带透明通道

ffmpeg -color_primaries bt2020 -color_trc smpte2084 -colorspace bt2020nc -color_range tv -i XXX.mov -strict -1 -pix_fmt yuv444p10le XXX.y4m

2.带透明通道

ffmpeg -color_primaries bt2020 -color_trc smpte2084 -colorspace bt2020nc -color_range tv -i XXX.mov -strict -1 -pix_fmt yuva444p XXX.y4m

3.最后一步，使用avifenc将y4m格式的视频编码成为avif格式

avifenc --cicp 9/16/9 --min 1 --max 12 XXX.y4m XXX.avif

最终效果：

avif+动画+通道 - HDR-NGA

http://home.hdr-nga.top:8881/articles/2023/08/02/1690989611627.html

之前也发过小黄灯这个网站也有类似的展示

https://laichi.cc/article/avif-viewing-test#f9fe746a849141c6b7a6da4bc286de3e