banner
夜光LOEN

夜光LOEN

👨🏻‍💻热爱开源的前端小菜鸟 | 🆓喜欢开源和白嫖 | 🐋喜欢摸鱼

AVIF-下一代图片格式的使用体验

在一次偶然保存了 b 站的缩略图,发现竟然是以 avif 作为后缀的,便引发了我的好奇心,因为网站的缩略图一般都是 webp,那这个格式有啥子优点可以被 b 站使用呢,于是我就去使用体验了一下,因为我并不是图像处理专业的,也只是一个业余的设计师,因此体验十分的片面,大家就当看个乐子。

介绍#

此介绍来源于维基百科,地址为:https://zh.wikipedia.org/wiki/AVIF

AV1图像档案格式(英语:AV1 Image File Format,简称 AVIF)是由开放媒体联盟开发,采用AV1视讯编码技术压缩图像的一种图像档案格式,能用来储存一般的图像和动态图像。AVIF 和苹果公司产品所用的HEIC(英语:High-Efficiency Image Container)图像格式都采用了基于国际标准化组织基本媒体档案格式高效率图档格式(High Efficiency Image File Format,简称 HEIF)容器,不过 HEIC 采用的压缩技术来自于HEVC/H.265

Netflix于 2020 年的数个测试中,AVIF 展现了比JPEG更为优秀的压缩效率,也保存了更为丰富的细节,几乎没有方块效应,在轮廓分明、色彩鲜艳的天然图像和材质中有更少的色彩失真

使用体验#

目前支持 avif 格式的网站和软件不多,但很幸运的是我的图片查看器 nomacs 支持这种格式的查看(这款软件也是免费开源的,下载地址:https://nomacs.org/),而 photodemon 支持转换这种格式,以下是两组组对比图,你可以看看两者之间的差别,来猜猜哪张是 avif,哪张是 jpg(老实讲我看不出来区别)
图 1

图 2
ok,来揭晓答案,右边的是 avif,第一张图 jpg 的大小为 344KB,而 avif 的大小仅为 32.5KB,而第二张图左边的 png 大小为 1.53MB,而 avif 的大小仅为 51.2KB!实在是太夸张了有木有!!!🤩🤩🤩,除此之外我还对比了一下 avif 与 webp,发现在同等的大小体积下,avif 比 webp 要更加的清晰!如下图所示
图 3

优缺点#

avif 的优点可以说是很明显的,文件体积小,画质高,支持透明背景,但是让我更想说的是它的缺点,首先就是他比传统的图片格式要更加的消耗资源,打开的速度要更慢,其次就是支持的软件和网站屈指可数,像设计的行业标准软件 PS,figma 等软件原生基本都不支持(PS 可以通过使用插件的方式支持),而网页也基本都是 webp 和 jpeg 为主,真正能使用 avif 的地方基本就没有,可以说,没人用,就是它现阶段最大的缺点,当然,高情商的说法就是,战未来的图片格式。

闲聊#

老实讲其实我还是很希望出现一个完美的图像格式的,支持更广的色域,更加小巧的文件体积,更好的显示效果,更快的打开速度,更小的占用,但是就目前的 avif 格式而言,我觉得还是做不到这一点的,因为它的打开速度和预览速度确实是要更加的慢,但是它的优点就是开源,免费,但是要知道 webp 背靠谷歌,普及起来都相当的缓慢,更别说是 avif 了,所以,目前还是正常的使用常见的文件格式吧,这种就玩玩就可以了。另外本期文章所使用到的文件转换软件是 photodemon,这也是一款免费开源的图像处理软件,他可以导出 avif 格式,但是需要另外安装插件(只需要点击另存为 avif 就会提示安装),感兴趣的也可以自己玩玩!

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。