avif support

[Enter-tainer]

pros：

1. 体积比 jpg 小很多。一些说法认为质量不变的情况下，体积可以 0.5x。对于高像素机型，接片的场景，可以极大减少文件体积。相关 benchmark：https://cloudinary.com/blog/jpeg-xl-and-the-pareto-front#high_quality
2. 浏览器支持更好：heif，jxl 有类似的performance和能力，但是浏览器支持比较一般。https://caniuse.com/heif https://caniuse.com/jpegxl 。相比之下 avif 是全绿的 https://caniuse.com/avif

之前尝试过 hack 代码来添加支持，不过好像是炸在了缩略图 build 的环节。昨天搜了下 sharp 应该是支持 avif input 的。所以可能要再看看

[Enter-tainer]

lovell/sharp#2688 之前的报错应该是因为 sharp 不支持 10bit avif，上游为了卷binary size把高比特的decode砍了，导致直方图和缩略图算不出来。不做特殊处理的话，应该得等上游了

除此之外应该还有 hdr 的问题，现在应该只识别了 ultra hdr 格式的 jpg 文件，对于原生支持 hdr 的还没有做支持。

[Enter-tainer]

试了一下，可以用自己本地的 custom libvips，是可用的，但是好像不太应该 upstream 这个做法。还是看看上游有没有什么update吧。lovell/sharp-libvips#97 (comment)

[ChrAlpha]

Can I Use 的 “全绿“ 是所谓当前浏览器版本而言，而非用户角度。从用户上只有 93% 的支持率。是否要考虑下 fallback 机制，还是交给一些智能 CDN 来根据 UA 做转换 (类似 WebP Server 的方式)？

[Enter-tainer]

Can I Use 的 “全绿“ 是所谓当前浏览器版本而言，而非用户角度。从用户上只有 93% 的支持率。是否要考虑下 fallback 机制，还是交给一些智能 CDN 来根据 UA 做转换 (类似 WebP Server 的方式)？

感觉可以加一下类似现在heif的wasm转换机制。不过这里有个笑点解析，wasm的支持率也只有95%，如果avif和wasm的correlation很高（从can i use 来看，好像确实很高，都是ie和opera mini），那这个转换就没用了

[Enter-tainer]

@ChrAlpha 说起来我们需要非常高的支持率吗？browserlist 的 default 也只有 86%。如果非要追求 100% 好像有点不太合理，现在的现状应该也 cover 不了。93% 感觉应该已经是非常高了，相当于只有古代的老狗屎浏览器不支持。

[Innei]

没有必要做兼容性吧。最新的浏览器支持就行了

[Innei]

https://github.com/jamsinclair/jSquash