下一代图片压缩格式–AVIF来了

2023-10-23 18:10

本文主要是介绍下一代图片压缩格式–AVIF来了,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

如想获得最佳阅读体验,请访问:https://blog.projectoms.com/pages/454.html

众所周知,亲爱的苹果至今还没有完全支持WebP压缩格式,而就当WebP还没有完全获得支持时(似乎就苹果不完全支持)一个打着当年WebP的口号的全新图片压缩格式--AVIF半道杀了出来,它到底是什么来头,又会让苹果耗费多少年去支持呢.....我们今天就来简单的了解一下。

图片

WebP 支持性图表

AVIF?

WebP是基于Google的VP9视频压缩技术的,所以,你会惊奇的发现:AVIF是基于一种名为AV1(别想歪)的视频压缩技术的图片格式。

至于AV1是啥。。看看维基百科的介绍。

AV1 视频压缩格式

AOMedia Video 1(简称AV1)是一个开放、免专利的视频编码格式,专为通过网络进行流传输而设计。它由开放媒体联盟(AOMedia)开发,该联盟由半导体企业、视频点播供应商和网页浏览器开发商于2015年成立。联盟最初由七家公司:Amazon、Cisco、Google、Intel、Microsoft、Mozilla 和 Netflix所组成,并宣布技术重点为提供高质量网络影像。互联网工程任务组(IETF)也将这项工作标准化为互联网视频编解码器(NetVC)。

AV1的目标是取代其前身,即由Google开发的VP9视频压缩格式,并与动态图像专家组(MPEG)领导开发的高效率视频编码(HEVC)竞争。

AV1可以与Opus音频格式一起封装在WebM容器格式中,并可用于HTML5网络视频和网页即时通信。

初始版本2018年3月28日
最新版本1.0.0 Errata 1
2019年1月9日

AV1 版本信息

AV1拥有三种设置供解码器使用MainHighProfessional。Main允许8、10比特的色彩深度以及4:0:0(灰阶)和4:2:0的色度抽样。High后续会支持4:4:4的色度抽样。Professional将会完整支持4:0:0、4:2:0、4:2:2、4:4:4的色度抽样以及8、10、12位的色彩深度。

图片

AV1 视频压缩格式截止2021年11月,已获得75%的浏览器支持。

图片

AVIF 图片压缩格式

AV1图像文件格式(AVIF)是一种图像文件格式,用于存储与压缩基于AV1在HEIF容器格式规范的图像或图像序列。AVIF 正式版 1.0.0 版于 2019 年 2 月最终确定。

文件扩展名.avif
网络媒体类型image/avif
开发商开放媒体联盟
初始发行v1.0.0,2019 年 2 月 19 日
格式类型图像格式 无损/有损压缩算法
包含于HEIF
扩展自HEIF , ISOBMFF , AV1

AVIF 图片压缩格式

AVIF 支持以下功能:

  • 多种色彩空间,包括:

    • HDR(具有PQ或HLG传递函数、BT.2020原色和BT.2100色彩空间)

    • SDR(使用sRGB / BT.709或使用广色域)

    • 通过CICP(ITU-T H.273 和 ISO/IEC 23091-2)或ICC 配置文件的色彩空间信号

  • 无损压缩和有损压缩

  • 8、10、12 位色深

  • 单色(alpha/depth)或多分量

  • 4:2:0, 4:2:2, 4:4:4 色度子采样

  • 胶片颗粒

AVIF 图片压缩格式截止2021年11月,已获得70%的浏览器支持。

图片

下一代?

对于AVIF的“下一代图片压缩格式”的口号,是否是吹出来的,我们先参考Netfilx于2020年发布的文章。

https://netflixtechblog.com/avif-for-next-generation-image-coding-b1d75675fe4

文中主要表示AVIF相比JPEG具有更好的压缩率,以及对12bit 444的支持,相比WebP的420在文字周边的锯齿会有极大改善。

图片

420 (可放大查看)

444 (可放大查看)

实际压缩率&质量测试

光看他人的结论并不代表实际使用的效果,下面我们来实测一下。

1.日常网络图片

这是一张1024x1024的jpg图像,大小为151kb

jpg

同尺寸的WebP图像,大小为60kb

webp

同尺寸的AVIF图像,大小仅为28kb

图片

avif

放大放大再放大,我们惊奇的发现:质量基本一致,如果不标注基本无法分辨哪个格式对应哪张。

图片

jpg

图片

webp

avif

2.超级高清大图

jpg

jpg放大图

这是一张大小为5.86MB,分辨率6240x4160的超级高清jpg图像,放大到530%也能看的比较清楚。

图片

在Chrome 96浏览器中,该jpg图片渲染用时448ms。(我的CPU:2核4线程 i5 2.2GHz)

图片

webp

图片

webp放大图

图片

同质量的WebP文件大小为1.06MB,渲染用时1.04s。(我的CPU:2核4线程 i5 2.2GHz)

图片

avif

avif放大图

图片

同质量的AVIF文件大小仅为347kb,渲染用时703ms。(我的CPU:2核4线程 i5 2.2GHz)

综上,AVIF的质量绝对过关,且体积是真的小,而渲染速度也比WebP稍快。目前看是能称为下一代图片压缩格式的。

缺点

1.支持:目前未获得广泛支持(70%支持)(该问题可通过GitHub开源项目解决

2.压缩图片时用时很长:虽然渲染(解压缩)图片时速度比较快,但压缩时速度非常慢,是真的非常非常非常慢。

如何使用&让相关软件支持

其他图片格式转换为AVIF,目前有只有在线的方法。

https://www.aconvert.com/cn/image/

https://avif.io/

浏览器

目前最新版Firefox,Chrome均已支持。

软件

VLC已支持。Windows 10,11可通过安装AV1 Video Extension扩展获得支持。

图片

本文到这里就结束了!希望大家能够喜欢我的文章。

这篇关于下一代图片压缩格式–AVIF来了的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/269559

相关文章

SpringBoot 异常处理/自定义格式校验的问题实例详解

《SpringBoot异常处理/自定义格式校验的问题实例详解》文章探讨SpringBoot中自定义注解校验问题,区分参数级与类级约束触发的异常类型,建议通过@RestControllerAdvice... 目录1. 问题简要描述2. 异常触发1) 参数级别约束2) 类级别约束3. 异常处理1) 字段级别约束

使用zip4j实现Java中的ZIP文件加密压缩的操作方法

《使用zip4j实现Java中的ZIP文件加密压缩的操作方法》本文介绍如何通过Maven集成zip4j1.3.2库创建带密码保护的ZIP文件,涵盖依赖配置、代码示例及加密原理,确保数据安全性,感兴趣的... 目录1. zip4j库介绍和版本1.1 zip4j库概述1.2 zip4j的版本演变1.3 zip4

基于Python实现一个图片拆分工具

《基于Python实现一个图片拆分工具》这篇文章主要为大家详细介绍了如何基于Python实现一个图片拆分工具,可以根据需要的行数和列数进行拆分,感兴趣的小伙伴可以跟随小编一起学习一下... 简单介绍先自己选择输入的图片,默认是输出到项目文件夹中,可以自己选择其他的文件夹,选择需要拆分的行数和列数,可以通过

Linux中压缩、网络传输与系统监控工具的使用完整指南

《Linux中压缩、网络传输与系统监控工具的使用完整指南》在Linux系统管理中,压缩与传输工具是数据备份和远程协作的桥梁,而系统监控工具则是保障服务器稳定运行的眼睛,下面小编就来和大家详细介绍一下它... 目录引言一、压缩与解压:数据存储与传输的优化核心1. zip/unzip:通用压缩格式的便捷操作2.

Mysql常见的SQL语句格式及实用技巧

《Mysql常见的SQL语句格式及实用技巧》本文系统梳理MySQL常见SQL语句格式,涵盖数据库与表的创建、删除、修改、查询操作,以及记录增删改查和多表关联等高级查询,同时提供索引优化、事务处理、临时... 目录一、常用语法汇总二、示例1.数据库操作2.表操作3.记录操作 4.高级查询三、实用技巧一、常用语

利用Python脚本实现批量将图片转换为WebP格式

《利用Python脚本实现批量将图片转换为WebP格式》Python语言的简洁语法和库支持使其成为图像处理的理想选择,本文将介绍如何利用Python实现批量将图片转换为WebP格式的脚本,WebP作为... 目录简介1. python在图像处理中的应用2. WebP格式的原理和优势2.1 WebP格式与传统

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码,该代码实现了图片的旋转(90度和180度)以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中,

Python如何去除图片干扰代码示例

《Python如何去除图片干扰代码示例》图片降噪是一个广泛应用于图像处理的技术,可以提高图像质量和相关应用的效果,:本文主要介绍Python如何去除图片干扰的相关资料,文中通过代码介绍的非常详细,... 目录一、噪声去除1. 高斯噪声(像素值正态分布扰动)2. 椒盐噪声(随机黑白像素点)3. 复杂噪声(如伪

Python中图片与PDF识别文本(OCR)的全面指南

《Python中图片与PDF识别文本(OCR)的全面指南》在数据爆炸时代,80%的企业数据以非结构化形式存在,其中PDF和图像是最主要的载体,本文将深入探索Python中OCR技术如何将这些数字纸张转... 目录一、OCR技术核心原理二、python图像识别四大工具库1. Pytesseract - 经典O

Python实现精准提取 PDF中的文本,表格与图片

《Python实现精准提取PDF中的文本,表格与图片》在实际的系统开发中,处理PDF文件不仅限于读取整页文本,还有提取文档中的表格数据,图片或特定区域的内容,下面我们来看看如何使用Python实... 目录安装 python 库提取 PDF 文本内容:获取整页文本与指定区域内容获取页面上的所有文本内容获取