Chrome 85+ 的同学可以来体验一下 AVIF 的神奇效果了。

nicoljiang

结论:Chrome 85 开始默认支持 AVIF

AVIF 是 AV1 视频编码的静态帧( VP9 ),相较于 WebP ( VP8 )不仅有更优秀的压缩率,并且背后也有各大企业的身影( Google 、微软、Netflix 、Apple )。我能用吗: https://caniuse.com/avif

WebP 自从被 Chrome 默认支持后就迅速普及,更优秀的 AVIF 也不会例外( https://jakearchibald.com/2020/avif-has-landed/ )

AVIF 的效果到底如何,我做了一个对比网页,比较几个图片格式在极致压缩的情况下质量差别: https://www.dogedoge.com/image_formats/ (桌面 Chrome 85 以上版本适用)

看点主要有两个:

  • 普通压缩 JPEG量化压缩 JPEG 的质量差别(图 1 vs 图 2,目前还没有看见国内的图片服务支持 JPEG 的自动量化压缩)
  • WebPAVIF 的质量差别(图 3 vs 图 4 )
多吉图床的用户调用 fmt=avif 参数即可输出 avif 格式
AVIF 目前不支持 内容协商机制;
AVIF 目前不支持 Quality ( q )参数,系统会直接忽略

广告

前续

150 多天前发布了「图片存储 & 实时处理」服务: https://v2ex.com/t/659652
部署该服务的原动力是因为在国内没有发现好的服务:

  • 阿里 OSS / 腾讯云 COS 等重在云存储,图片处理只能说基本可用

  • 七牛 / 又拍云 等虽然早期以图片处理为卖点,但支持的特性也颇为基础

  • 国外的优秀服务用起来水土不服

然而,图片到目前为止依旧是互联网上最大的流量种类之一,所以我希望落地一个能保持「前沿性」的媒体存储与处理服务(当前聚焦静态图片)

主要卖点有:

  • 免费的 AI 裁剪:自动识别图像主体 —— 智能应对网站、APP 各种不同的显示尺寸;

  • 准确的颜色管理:对 sRGB / P3 / Adobe RGB / ProPhoto / FOGRA 系列 / JapanColor 系列 色彩空间有完善地支持 —— 对摄影爱好者友好(为什么有些图片即便裁到 100x100 也是数百 k 的容量?);

  • 支持内容协商机制的 Webp 输出:不支持 Webp 的客户端会收到原格式 #又拍云支持

  • 极致的容量压缩追求 —— 支持 PNG 、JPEG 的量化压缩( TinyPng + TinyJpeg )、支持 Tinysrgb

  • 支持 HEIF / HEIC 的照片读取:iPhone 拍摄的 HEIF 可直接上传并对外发布 #七牛支持(目前不支持 HEIF / HEIC 的输出主要原因是该格式的专利问题比较复杂)

  • 支持 AVIF 格式的 读取 / 输出:相比 WebP 压缩率更高、相比 HEIF / HEIC 没有复杂的授权问题

相关资料:

什么是色彩管理? Color Management: https://zhuanlan.zhihu.com/p/72530732

AVIF 万能吗?目前还未必: https://jakearchibald.com/2020/avif-has-landed/

xstmjh:比较关心原始视频压制成 AVIF 的性能比较

比如源生 h264,源生 raw 装成 avif 对比 jpg 的耗时

wdhwg001:我更关心和 heif 之间的质量对比,以及和 guetzli jpg 之间的质量对比。
最好能有量化数据,比如 ssim 、psnr 和 butteraugli

nicoljiang:@wdhwg001
跟 HEIF 不会有太大差别。
但 HEIF 有比较麻烦的授权问题,所以几乎注定不会大规模普及。

至于 Guetzli,1MB 处理起来要 1G 内存 + 5 分钟 CPU 时间 的性能让它几乎没有任何实用意义(甚至不值得花心思去想起它)。

wdhwg001:@nicoljiang 它对于有限数量的网络资源还是非常有价值的,压缩时间只是开发的时候支付就可以了。

yyfearth:@wdhwg001 @nicoljiang 我倒是对 H266 的 VVIF 更加感兴趣 估计苹果会率先支持确定 HEIF
而且貌似 VVIF 理论上压缩率应该比 AVIF 还要好 但是授权问题嘛 估计不会比 HEIF 好

如果能对比 JPG HEIF VVIF AVIF 会比较有意思

Chrome 登陆谷歌账号失败

smartG:登陆的时候,一直显示:此浏览器或应用可能不安全。请尝试使用其他浏览器。如果您使用的是受支持的浏览器,则可以刷新屏幕,然后重新尝试登录。有朋友知道什么原因吗dingwen07:杀毒,清理流氓软件,然后删数据目录或者重装 Chrome smartG:@dingwen07 重装后可以了,感觉很奇怪,突然就登不上了

Chrome 如何清除当前/特定网页的缓存?

Chuizi997:又不想清楚全部网页的缓存,只想清除当前页面的,设置里也没看到有这种操作hnbcinfo:F12----Application----Clear storage----Clear site data

chrome 的神奇 bug

codeduan:我的电脑配置: 2015 年 13 英寸 MBP,macos 10.15.6 bug 描述:当网页某个元素有背景颜色时,背景颜色可能会出现白点。在该元素重绘或回流后可能会变得正常,比如 hover 上去。这个问题困扰我很长时间了,首先,在别人的机器上没能复现,在我的确认下,chrome80 开始出现这个 bug 。 有人遇到这个问题吗?

请教 chrome 播放音视频突然没有声音了怎么办

futou:平台: win10 1909 chrome: 正式版 85.0.xxx 64bit chrome 昨天开始突然没有声音,网上搜索发现很多相似情况。 未静音,edge 浏览器及其它软件有声音。 重启 windows audio 服务后可以短时间内解决 chrome 的问题,换个视频就又不行了。 重置 setting 、更新和重装解决不了 chrom…

第一次想更换常用的 Chrome 浏览器,问问大家有没有推荐的浏览器

huaxianyan:今天更新了 Chrome 85,发现 flags 里将通知改回 Chrome 自身通知的特性已经没了,强制使用 Windows 10 的通知中心。第一次有了换掉这个浏览器的想法。我的需求就是能够登录 Google 账号进行所有同步,同时也能避免一些我不喜欢的新功能强推而不给选择。目前的候选是 Cent,除此之外,还有别的选择吗?Show…