Google 宣布推出 Jpegli,比 JPEG 编码更快、更清晰
csdh11 2024-12-10 13:12 17 浏览
大家好,很高兴又见面了,我是"高级前端?进阶?",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发,您的支持是我不断创作的动力。
1. 什么是 Jpegli
1.1 比传统 JPEG 更快、更高效的编码
2024 年 4 月 3 日,Google 官方博客宣布推出了 Jpegli,这是一种先进 JPEG 编码库,保持了高度向后兼容性,同时提供增强的功能,并在高质量压缩设置下压缩比提高了 35%。
Jpegli 是一个新的 JPEG 编码库,其设计比传统 JPEG 更快、更高效、更美观,同时使用了诸多新技术,包括:
- 完全可互操作的编解码器:符合原始 JPEG 标准及其最传统 8 位形式及与 libjpeg-turbo 、 MozJPEG 的 API/ABI(Application Binary Interface) 兼容
- 保证高质量:通过 Jpegli 压缩或解压缩图像时会执行更精确且有效的计算,图像更清晰
- 速度快体积小:在提高质量、压缩密度比的同时,Jpegli 的编码速度与 libjpeg-turbo 和 MozJPEG 等传统方法相当但提供更快压缩速度、更少内存使用,从而节省带宽、提升站点速度
- Jpegli 每个组件可以使用 10+ 位进行编码:传统的 JPEG 编码仅提供每个组件 8 位动态从而导致伪影。 Jpegli 的 10+ 位编码以原始 8 位形式进行,生成的图像可与 8 位查看器完全互操作
libjpeg-turbo 是一种 JPEG 图像编解码器,使用 SIMD 指令(MMX、SSE2、AVX2、Neon、AltiVec)来加速 x86、x86-64、Arm 和 PowerPC 系统上的基线 JPEG 压缩和解压。在此类系统上,相同条件下 libjpeg-turbo 的速度通常是 libjpeg 的 2-6 倍。
1.2 Jpegli 的编解码器改进
Jpegli 的改进分为两部分,即编码器和解码器,编码器使用的改进和新功能包括:
- 支持 16 位无符号和 32 位浮点输入缓冲区
- 颜色空间转换、色度子采样和 DCT 均以浮点精度完成,在生成最终量化 DCT 系数时首先进行整数转换
- 所需的质量可以通过类似于 JPEG XL 的距离参数的距离参数来指示。 根据距离和色度子采样模式选择量化表,量化矩阵中不同位置的缩放比例不同,红色和蓝色色度通道具有单独的量化表
- 自适应死区量化 (Adaptive dead-zone quantization), 在图像的噪声部分,零系数的量化阈值高于图像的平滑部分
- 支持使用代表 XYB 色彩空间的 ICC 配置文件更有效地压缩 JPEG。 这些 JPEG 不会转换为 YCbCr 色彩空间,但将为原始 X、Y、B 通道选择专门的量化表
1.3 解码器改进
Jpegli 的解码器改进主要包括以下几个维度:
- 支持 16 位无符号和 32 位浮点输出缓冲区 (Floating Point Output Buffers)
- 假定原始未量化 DCT 系数的拉普拉斯分布 (Laplacian Distribution),非零 DCT 系数被反量化为其各自量化间隔的期望值
- 去量化、逆 DCT、色度上采样和色彩空间转换均以浮点精度完成后,整数样本的转换仅发生在最终输出阶段(除非请求输出到浮点)
2.Jpegli 的工作原理和数据评测
Jpegli 使用了许多新技术来降低噪声并提高图像质量,包括:来自 JPEG XL 参考实现的自适应量化启发式、改进的量化矩阵选择 (Quantization Matrix Selection)、精确计算中间结果,并使用更高级的色彩空间 (More Advanced Colorspace)。
所有新方法都经过精心设计以使用传统的 8 位 JPEG 形式,因此新压缩的图像与现有的 JPEG 查看器完全兼容。
为了量化 Jpegli 的图像质量改进,下图对比了三种编解码器进行编码,包括:Jpegli、libjpeg-turbo 和 MozJPEG,并以多种比特率进行编码。此比较仅限于比较编码,解码始终使用 libjpeg-turbo 执行。
ELO 分数越高,表明评估者总体表现越好。上图表明,2.8 BPP 的 jpegli 获得的 ELO 评级高于 3.7 BPP 的 libjpeg-turbo,同时后者比特率比 Jpegli 高 32%。
总体来看,Jpegli 可以比传统 JPEG 编解码器多压缩 35% 的高质量图像。
参考资料
https://opensource.googleblog.com/2024/04/introducing-jpegli-new-jpeg-coding-library.html?m=1
https://github.com/libjxl/libjxl/tree/main/lib/jpegli
https://www.free-codecs.com/news/say_hello_to_jpegli__google_s_new_image_magic.htm
https://libjpeg-turbo.org/
相关推荐
- IDEA界面太丑??尝试一下这几个插件
-
前言IntelliJIDEA主要用于支持Java、Scala、Groovy等语言的开发工具,同时具备支持目前主流的技术和框架,擅长于企业应用、移动应用和Web应用的开发。IntelliJi...
- 小巧 Vue 页面滚动进度条组件ScrollProgress
-
今天给大家分享一个轻量级Vue.js全屏滚动进度条组件VueScrollProgress。vue-scroll-progress一款基于vue.js构建的页面滚动进度条组件,...
- 基于vue实现可视化拖拽编辑器,页面生成工具,提升前端开发效率
-
项目介绍基于vue实现的可视化拖拽编辑器,实现页面生成工具,提升前端开发效率。可以基层到移动端项目作为自定义json直接生成UI页面。项目特点功能特点...
- 优秀 vue+heyui 后端管理系统HeyUI-Admin
-
今天再给小伙伴们推荐一款成熟的企业中后台管理系统HEYUI-Admin。heyui-admin基于vue.js和heyui组件库构建的后台管理系统。包含基础表单/表格功能,拓展组件(图表、富文本编辑...
- 响应式 Vue.js 前端组件化框架Xvue-UI
-
今天给小伙伴们推荐一款超不错的Vue轻量级组件框架XVueUI。xvue-ui基于vue2.x构建的响应式前端组件化框架。轻量级、易于上手,提供...
- 《基于SpringBoot+Vue的在线视频系统设计与实现》开题报告
-
【计算机毕业设计案例】基于SpringBoot+Vue的在线视频系统设计与实现_哔哩哔哩_bilibili...
- 超好用 Vue.js 图片裁切组件Vue-ImgCutter
-
今天给小伙伴们分享一个超棒的Vue图片任意裁剪插件VueImgCutter。vue-img-cutter基于vue2.x构建的轻量级剪切图片组件。支持移动图像、放大缩小图片、任意移动图片、固定比...
- Vue 3 进阶用法:异步组件(vue 异步组件原理)
-
一、代码分割一个大型前端应用,如果所有代码都放在单一文件,体积会特别大,下载时间长,白屏时间久,用户体验差。...
- 源码补丁神器—patch-package(源码助手怎么用)
-
作者:张浩一、背景vue项目中使用vue-pdf第三方插件预览pdf,书写业务代码完美运行,pdf文件内容正常预览无问题。后期需求有变,业务需求增加电子签章功能。这个时候pdf文件的内容可以显示出...
- 经验分享:Vue2 项目升级 Vue3 + Element Plus,借助Deepseek手动升级
-
Vue3出来好久了,我开发的项目还在使用Vue2框架,一般情况下不考虑升级,但是最近需要接入工作流程引擎之类的,看了下Vue2生态下操作空间不是很好,那索性尝试升级Vue3吧。一番操作下来,升级成功,...
- 34K Star!史上最全JavaScript资源库 awesome-javascript
-
34KStar!史上最全JavaScript资源宝库大揭秘引言在GitHub上,有一个备受瞩目的JavaScript资源仓库,以其全面的内容和精心的分类,成为了众多开发者的必备参考。这个拥有超过...
- 基于 Vue.js 磁片栅格布局组件VueGridLayout
-
#头条创作挑战赛#今天给大家分享一个超优秀的vue.js拖拽栅格布局插件VueGridLayout。...
- 6款高颜值 Vue3 PC端UI组件库(vue3开发组件库)
-
马上到国庆了,还没学习或者想学习vue3的小伙伴们有安排上没?这次推荐几个比较流行的VUE3UI组件库,合理利用,又或者学习借鉴都是不错的选择。1、element-pluselement-plus...
- 高性能 vue.js+ztree 树形组件Vue-GiantTree
-
今天给大家分享一款超棒的Vue海量数据渲染树形组件VueGiantTree。vue-giant-tree基于ztree封装的Vue树形组件。轻松实现大数据高性能渲染,适合海量数据渲染场景。zTr...
- 【推荐】2024年推荐的6款开源免费 Vue 后台管理系统模板,建议收藏
-
前言在现今的软件开发领域,...
- 一周热门
- 最近发表
-
- IDEA界面太丑??尝试一下这几个插件
- 小巧 Vue 页面滚动进度条组件ScrollProgress
- 基于vue实现可视化拖拽编辑器,页面生成工具,提升前端开发效率
- 优秀 vue+heyui 后端管理系统HeyUI-Admin
- 响应式 Vue.js 前端组件化框架Xvue-UI
- 《基于SpringBoot+Vue的在线视频系统设计与实现》开题报告
- 超好用 Vue.js 图片裁切组件Vue-ImgCutter
- Vue 3 进阶用法:异步组件(vue 异步组件原理)
- 源码补丁神器—patch-package(源码助手怎么用)
- 经验分享:Vue2 项目升级 Vue3 + Element Plus,借助Deepseek手动升级
- 标签列表
-
- mydisktest_v298 (34)
- document.appendchild (35)
- 头像打包下载 (61)
- acmecadconverter_8.52绿色版 (39)
- word文档批量处理大师破解版 (36)
- server2016安装密钥 (33)
- mysql 昨天的日期 (37)
- parsevideo (33)
- 个人网站源码 (37)
- centos7.4下载 (33)
- mysql 查询今天的数据 (34)
- intouch2014r2sp1永久授权 (36)
- 先锋影音源资2019 (35)
- jdk1.8.0_191下载 (33)
- axure9注册码 (33)
- pts/1 (33)
- spire.pdf 破解版 (35)
- shiro jwt (35)
- sklearn中文手册pdf (35)
- itextsharp使用手册 (33)
- 凯立德2012夏季版懒人包 (34)
- 冒险岛代码查询器 (34)
- 128*128png图片 (34)
- jdk1.8.0_131下载 (34)
- dos 删除目录下所有子目录及文件 (36)