Layabox率先支持腾讯TPG图片格式,同等品质为PNG的20%

当前,HTML5游戏的美术品质越来越高。然而要达到顶级的APP游戏品质,压力并非来自性能,而是资源量大小。通常,游戏的渠道或者发行方,要求游戏的首屏加载资源总量在4-6M。这就形成了一个瓶颈,如何破解,TPG或许给研发商带来了希望。

什么是TPG?

在2017年上半年,腾讯公司向国家知识产权局提交了一份关于图片编码技术的专利申请,这是一种支持alpha透明通道,类似PNG的一种新图片格式。此项专利被命名为TPG(Tiny Portable Graphics)。据资料显示,此项专利技术由腾讯音视频实验室基于AVS2内核自主研发。

TPG在同等质量下可低至PNG的20%

游戏的图片资源里,JPG/JPEG、PNG为主流的现状下,TPG的优势是什么呢?笔者用1000张图片亲测对比,将PNG转换为TPG格式,同等品质的前提下,转换后的TPG图片,最小的不足PNG的20%。测试用图全部转换后,总大小为原PNG的49.5%。JPG、GIF、WEBP等格式的图片转换后,也可以获得非常好的转换效果。

假如游戏里使用TPG格式后,与PNG同等质量的前提下,游戏资源体积减少一半以上,因此, 一旦TPG格式被广泛支持,那将在不影响游戏加载的前提下,大幅提升游戏画面品质。 

TPG的当前不足

使用TPG格式后,图片解码速度会比PNG等格式有所下降,但是相较于强大的TPG图片压缩优势而言,会弥补了解码速度的毫秒级损失。当然,腾讯音视频实验室针对TPG还在进行不断的优化,相信解码速度也会取得突破性进展。

另一个短期的不足是,TPG作为一个新的图片格式,并没有被通用浏览器所默认支持。除引擎提供商Layabox率先支持外,仅腾讯系旗下的产品在内部支持,比如手机QQ、QQ空间、QQ浏览器、腾讯动漫等等。

据笔者所知,腾讯音视频实验室正在积极推进TPG的标准化。相信在引擎方与腾讯的推动下,TPG图片格式会快速被开发者与渠道所认可。成为推动HTML5游戏产业发展的又一大重要助力。

Layabox对TPG的支持

一、将在LayaAirIDE中内置TPG图片转码工具,可将PNG、JPG等图片格式批量转换为TPG格式。

二、APP打包服务LayaNative中内置TPG格式支持,使用LayaNative进行打包的APP游戏将可以把资源大幅减小。

三、LayaAir引擎中提供TPG检测接口,可通过代码逻辑检测并切换为TPG格式资源,将大幅的减小加载资源与加载时长。 

写在最后

目前,腾讯云已经完成了TPG后台转码系统的搭建,腾讯云CDN也已经完成了TPG的部署。同时,腾讯音视频实验室也对外开放了各平台的TPG解码器,第三方App应用可以免费集成TPG解码器,通过腾讯云接入TPG。另外,腾讯浏览器X5内核也完成了TPG的支持,只要是使用X5内核的第三方应用,客户端无需任何开发就可以原生支持TPG格式。

随着HTML5的火热,产业对于TPG格式的需求也越来越大。而腾讯音视频实验室在加快TPG业务落地的同时,也在同步推进TPG的标准化工作。腾讯音视频实验室已经向AVS组织提出了制定互联网图像标准的提案,并成功将TPG申请成为AVS2的图像标准容器格式。目前,TPG作为信息技术高效音视频编码第7部分(图像容器),已经申报成为国家标准。“我们也期待TPG能够早日实现标准化,并最终成为一种主流图片格式。”

END 

Layabox提供的服务

Facebook Instant Games平台的接入服务

企业上门培训、性能优化、微端打包等技术服务

2D与3D游戏产品的联合研发、定制开发

休闲竞技商业框架或技术解决方案提供服务

LayaAir引擎

裸跑性能媲美APP的新一代HTML5引擎;

支持Canvas\WebGL模式自动切换;

支持2D\3D\VR产品开发;

支持使用ActionScript3\TypeScript\JavaScript三种语言开发;

一次开发可同时发布:手游APP(安卓、iOS)、HTML5、微信小游戏、QQ玩一玩等多个版本。

LayaAir引擎开发者2D交流群

QQ群号:708696009

LayaAir引擎开发者3D&VR交流群
QQ群号:343966316

长按识别二维码,关注Layabox公众号

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值