最新图像压缩格式AVIF
# 最新图像压缩格式 AVIF
# 官方
文档: https://aomediacodec.github.io/av1-avif/
源码: https://github.com/AOMediaCodec/libavif
格式登记: https://www.iana.org/assignments/media-types/image/avif
google blog: https://jakearchibald.com/2020/avif-has-landed/
# 相关介绍
未来取代 JPEG 的，可能是 Android 12 支持的新图片格式 (opens new window)
# 描述
HEIF因为专利问题已被时代抛弃
webp推广不力
jpg老大地位一直坚挺
avif基于最新视频压缩算法,压缩比超高,且开源免费,最有希望能冲击jpg的地位. 几个互联网巨头都下注.
# 效果比对:
https://www.dogedoge.com/image_formats/
n次重复压缩对比:
# 编解码的源码(C)
https://github.com/AOMediaCodec/libavif
上面的效果比对的思路是: 一张高清大图用avif格式压制后,看文件大小.
然后原图用jpeg压缩到同等大小,对比效果.
# 压缩质量的说明:
Change the AVIF quality setting Go-avif uses the libaom quality setting (called “Q mode”), which starts at 0 (lossless) and goes up to 63 (worst quality). If not specified, go-avif sets the compression quality to 25. Here is an example of AVIF encoding with a slightly better quality:
On Windows:
avif-win-x64.exe -e example.JPG -o example-q20.avif -q 20
各平台的一些工具:
https://libre-software.net/avif-test/
# web端代码库
使用 AVIF 图片，优化前端项目 (opens new window)
# Android端代码库
https://github.com/link-u/AndroidGlideAvifDecoder
https://github.com/programmingisart/avif_viewer_android
# 压缩工具和代码
https://github.com/programmingisart/avif_viewer_android
将avif文件转换成高质量的jpg文件,然后用Android Bitmap api加载
# 对比demo
https://github.com/hss01248/avif-android
app下载试用:
# 效果图
单反拍摄的图,放大到100%后对比:
.jpg)
# avif的额外功效:
磨平jpeg压缩产生的不合理色块
下图avif是以质量80的jpg图为源图来进行压缩的.
可以看到源图上有色块,avif上已经没有了
# 文件格式分析
avif与heif文件格式保持兼容.
下面是heif的格式:
HEIF/heic图片文件解析 (opens new window)
看avif:
# 文件头:
看起来,文件格式写在前8个字节,ftypavif
exif信息已预留保存区:mata开始到数据区结束
数据区开始标识: mdat->6D 64 61 74 12 00 0A
再看一个经过exiftool拷贝exif的图:
/usr/local/bin/exiftool -TagsFromFile /Users/hss/Downloads/IMG_20210301_173148441617248922924.jpg /Users/hss/Downloads/IMG_20210301_17314844-q1-25-q2-36.avif
# 文件尾:
并无特征. 没有像jpg那样的固定ffd9的结束标识.
# 待解决问题
- 蓝绿色偏色问题: 根据亮度推导色度,算法本身缺陷?
- exif读写问题: how to write tiff format exif data into a avif file?
偏色情况: 蓝绿变亮,黄色变暗:
# oritation的处理
https://zpl.fi/exif-orientation-in-different-formats/
# 探究:exif拷贝: 直接从jpeg拷贝一份exif信息到avif中
//meta: 6d 65 74 64
//mdat : 6d 64 61 74
删除区间内容,发现图片无法打开.
2
3
exif查看: https://exif.tuchong.com/
# 直接看源码是怎么写exif的:
https://github.com/AOMediaCodec/libavif/blob/master/src/write.c
# 分析
# 优势
从上面的分析来看,AVIF具有非常大的节省流量/文件大小的优势.对于手机拍照可压缩至1/3-1/6, 对于设计图(纯色块较多)可压缩到1/6-1/20.
无版权问题
# 劣势
- 压缩耗时比jpg高很多,为秒级.0.5s-15s不等.
- 未普及,各平台均需要引入第三方库支持.
- 第三方库丰富程度很低.
- c源码还在不断优化中. 不排除非兼容性更新的可能性.
# 各平台第三方库现状
整体上来说属于发展的早期阶段
- web: avif.js (opens new window) 支持解码. 是否支持编码? 是否支持在Android ios内部的webview运行?
- Android AndroidGlideAvifDecoder (opens new window) 支持使用glide加载. Rn使用fresco需要额外自定义fresco解码器来适配. 库较大,近3M
- iOS ? 未找到
- java后台: 有go/rust/python实现的库,可部署微服务调用其编解码功能.
- 阿里云/aws 的lambda表达式(python) pillow-avif-plugin (opens new window) 未试用
# 第三方cdn的支持度
- 阿里云 不支持
- 七牛 不支持
- aws ?
- Akamai Support AVIF image format - Experimental 2021-04-07 (opens new window)
- 腾讯云
# 电商项目应用AVIF可行性分析
电商里图片主要有两部分来源:
- 商户上传的商品图
- 用户提交的评价图
客户端使用so/c引入支持,web使用js引入支持. app内web使用jpg图
oss存储jpg图+avif图(大图小图)
cdn: 使用avif转换. 如果不支持,则oss存储avif原图和小图.
# 在电商图片上的对比
