当前位置:首页 > 科技  > 软件

为什么在2024年应该使用AVIF而不是JPEG、WebP、PNG和GIF

来源: 责编: 时间:2024-06-24 09:14:37 297观看
导读AVIF是一种新兴的文件格式,本文撰写时它已经在Microsoft Edge中获得了支持,从而实现了显著的浏览器支持。我们已经不再处于技术的黑暗时代,大多数大型网站平台通常支持最新版本的浏览器及其一年前的版本。你可以开始使用

Drd28资讯网——每日最新资讯28at.com

AVIF是一种新兴的文件格式,本文撰写时它已经在Microsoft Edge中获得了支持,从而实现了显著的浏览器支持。Drd28资讯网——每日最新资讯28at.com

Drd28资讯网——每日最新资讯28at.com

我们已经不再处于技术的黑暗时代,大多数大型网站平台通常支持最新版本的浏览器及其一年前的版本。你可以开始使用AVIF,并在2024年底之前使用WebP作为回退格式(在此之前回退格式是必要的)。Drd28资讯网——每日最新资讯28at.com

这意味着什么?

你现在可以主要使用AVIF作为栅格图像的默认格式,因为它基本上取代了许多常见的JPEG用法。Drd28资讯网——每日最新资讯28at.com

为什么选择AVIF而不是JPEG和WebP?

  • 压缩效率:比JPEG和WebP等格式具有更高的压缩比,同时保留高图像质量。
  • 色深:支持8位、10位、12位和16位等广泛的色深。
  • 广色域和HDR支持:AVIF支持广泛的颜色范围和高动态范围(HDR),使图像更生动逼真,非常适合需要精确颜色和细节的应用,如专业摄影和媒体内容。
  • 有损和无损压缩:AVIF的无损压缩效果远优于压缩的位图和PNG。
  • 透明通道支持:类似于PNG,可以存储半透明图像,但压缩效果更好。
  • 基于AV1:AV1是一种由开放媒体联盟开发的免版税编解码器,基于Google的VP9编码。这意味着它将广泛采用,并且相比其他新兴图像格式更少争议。
  • 主流浏览器和广泛平台支持。
  • 减少带宽和更快的加载时间:更小的文件意味着用户加载速度更快。

缺点

计算密集型压缩:通常,AVIF压缩比旧的图像格式如JPEG更具计算密集性,但它通常实现了更高效的压缩效果。Drd28资讯网——每日最新资讯28at.com

有多小?

开放媒体联盟非常兴奋地声称:Drd28资讯网——每日最新资讯28at.com

“图像可以比相似视觉质量的JPEG小多达十倍。”Drd28资讯网——每日最新资讯28at.com

此外,Drd28资讯网——每日最新资讯28at.com

“AVIF可以实现40%到90%的压缩。”Drd28资讯网——每日最新资讯28at.com

我们已经使用AVIF大约4年了,根据经验,压缩的大多数图像大约是等效质量JPEG输出图像大小的60%。这仍然令人惊叹。Drd28资讯网——每日最新资讯28at.com

因此,AVIF涵盖了除以下情况之外的大多数图像场景:Drd28资讯网——每日最新资讯28at.com

  • 矢量图:SVG和SVG图像很好地涵盖了这一点。
  • 矢量动画:同样,SVG在这里表现也不错,尽管在渲染质量方面还有提升空间。

后端编码/解码

如果在你的首选后端语言中找不到支持AVIF的软件库,可以封装libavif,官方的AOMedia编码器/解码器。或者,如果你有勇气,可以将其转换为本地支持。Drd28资讯网——每日最新资讯28at.com

GitHub - AOMediaCodec/libavif: libavif - 用于编码和解码.avif文件的库Drd28资讯网——每日最新资讯28at.com

以下是我在GitHub上发现的一些库:Drd28资讯网——每日最新资讯28at.com

  • Node.js: https://github.com/lovell/sharp
  • PHP: https://github.com/flyimg/flyimg
  • Go: https://github.com/webp-sh/webp_server_go

何时不使用AVIF

这真的取决于图像的动态和复杂性,但通常:Drd28资讯网——每日最新资讯28at.com

  • 无损矢量/非真实动画:这取决于具体情况(唉)。
  • 在某些“罕见”情况下,当比较质量/压缩比时,WebP甚至JPEG可能胜过AVIF。

作为经验法则,AVIF在优化写实图像方面通常表现突出。个人认为它在其他图像如图表和矢量艺术中也相当占优势。Drd28资讯网——每日最新资讯28at.com

支持旧版浏览器

想象一下,有人刚从长假回来,还没有更新他们的浏览器。Drd28资讯网——每日最新资讯28at.com

如果你想在本文撰写时开始使用AVIF,请使用srcset或 <picture><source>,以AVIF为主,回退到旧的图像格式如WebP或JPEG。Drd28资讯网——每日最新资讯28at.com

如果从本文写作时起Edge已经更新了3个或更多版本,你就可以只使用src。Drd28资讯网——每日最新资讯28at.com

动画

动画AVIF示例:https://colinbendell.github.io/webperf/animated-gif-decode/avif.htmlDrd28资讯网——每日最新资讯28at.com

虽然这略微超出了本文的范围,但正如所提到的,AVIF可以像APNG一样用于动画。Drd28资讯网——每日最新资讯28at.com

这两种格式都远优于GIF,你应该考虑它们作为替代品,因为它们有完整的浏览器支持,而GIF作为一种旧的动画图像格式,其压缩效果较差。Drd28资讯网——每日最新资讯28at.com

话虽如此,在电子邮件支持方面要谨慎,因为那也是一个旧的、糟糕的系统,可能不会一致地支持这些新格式,请务必检查。Drd28资讯网——每日最新资讯28at.com

结论

尽量避免比较图像格式和压缩结果的优劣。事实上,所有的无损编解码器都有代价;这是一个权衡问题。Drd28资讯网——每日最新资讯28at.com

你可能不喜欢特定图像伪影的样式,但如果这意味着某人在火车上或在延迟较差的情况下可以更快地加载你的网站,作为开发者你也需要做出妥协。Drd28资讯网——每日最新资讯28at.com

最终目标是在合理范围内向用户提供尽可能小的负载,无论哪种格式被证明更优化。Drd28资讯网——每日最新资讯28at.com

在我看来,新图像格式只是构建更好产品、提高用户体验的工具,而不是竞争偏好的问题。Drd28资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-95922-0.html为什么在2024年应该使用AVIF而不是JPEG、WebP、PNG和GIF

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: 20 个 Python 字典映射技巧,让数据处理更高效

下一篇: 消息称英伟达 GB200 AI 芯片供不应求,追单日月光、京元电等封测厂

标签:
  • 热门焦点
  • MIX Fold3包装盒泄露 新机本月登场

    小米的全新折叠屏旗舰MIX Fold3将于本月发布,近日该机的真机包装盒在网上泄露。从图上来看,新的MIX Fold3包装盒在外观设计方面延续了之前的方案,变化不大,这也是目前小米旗舰
  • 小米降噪蓝牙耳机Necklace分享:听一首歌 读懂一个故事

    在今天下午的小米Civi 2新品发布会上,小米还带来了一款新的降噪蓝牙耳机Necklace,我们也在发布结束的第一时间给大家带来这款耳机的简单分享。现在大家能见到最多的蓝牙耳机
  • 小米平板5 Pro 12.4简评:多专多能 兼顾影音娱乐的大屏利器

    疫情带来了网课,网课盘活了安卓平板,安卓平板市场虽然中途停滞了几年,但好的一点就是停滞的这几年行业又有了新的发展方向,例如超窄边框、高刷新率、多摄镜头组合等,这就让安卓
  • 三言两语说透设计模式的艺术-简单工厂模式

    一、写在前面工厂模式是最常见的一种创建型设计模式,通常说的工厂模式指的是工厂方法模式,是使用频率最高的工厂模式。简单工厂模式又称为静态工厂方法模式,不属于GoF 23种设计
  • 十个可以手动编写的 JavaScript 数组 API

    JavaScript 中有很多API,使用得当,会很方便,省力不少。 你知道它的原理吗? 今天这篇文章,我们将对它们进行一次小总结。现在开始吧。1.forEach()forEach()用于遍历数组接收一参
  • 摸鱼心法第一章——和配置文件说拜拜

    为了能摸鱼我们团队做了容器化,但是带来的问题是服务配置文件很麻烦,然后大家在群里进行了“亲切友好”的沟通图片图片图片图片对比就对比,简单对比下独立配置中心和k8s作为配
  • 之家push系统迭代之路

    前言在这个信息爆炸的互联网时代,能够及时准确获取信息是当今社会要解决的关键问题之一。随着之家用户体量和内容规模的不断增大,传统的靠"主动拉"获取信息的方式已不能满足用
  • 虚拟键盘 API 的妙用

    你是否在遇到过这样的问题:移动设备上有一个固定元素,当激活虚拟键盘时,该元素被隐藏在了键盘下方?多年来,这一直是 Web 上的默认行为,在本文中,我们将探讨这个问题、为什么会发生
  • 联想小新Pad Pro 12.6将要推出,搭载高通骁龙 870 处理器

    联想小新Pad Pro 12.6将于秋季新品会上推出,官方按照惯例直接在发布会前给出了机型的所有参数。联想小新 Pad Pro 12.6 将搭载高通骁龙 870 处理器,重量为 5
Top