美文网首页
手游客户端图片资源的优化

手游客户端图片资源的优化

作者: 3z鸿杰Libra | 来源:发表于2015-10-09 21:26 被阅读237次

手游中常用的图片格式分为png8、png24、jpg和pvr。png8要么完全透明,要么完全不透明,而png24支持半透明,jpg完全不透明,pvr支持半透明,并且是大部分手机显卡直接支持的,不需要额外的解析。
从体积大小上比较各种格式:pvr ≈ png24 > jpg > png8
从解析效率和内存峰值上比较: jpg > png24 = png8 > pvr
那么我们在进行图片资源优化时有哪些原则和方法呢?

  1. 舍弃pvr。时至今日,几乎所有手机的显卡都已经支持pvr,但是为何大家都不选择pvr呢?pvr的唯一优点是其能够给大部分手机的显卡直接支持,不需要解析就能渲染,但是硬件性能的提升已经让这唯一的优势荡然无存了。
  2. 不透明的背景图全都使用jpg。jpg最大的优势便是体积小,虽然显卡在解析jpg时,需要复制两份图片数据导致内存峰值很高,但是内存峰值的问题,在目前的硬件条件下已经不再是大问题了。
  3. 需要支持透明的图片都使用png24。为什么这里不选择png8?因为png8能够存储的颜色数量有限,简而言之就是png8不够艳,在这个拼脸的时代里,颜值不高就什么都不对了。
  4. 安装包太大,老板说“你丫的快给老子把安装包压缩到80M以内”怎么办?使用jpg+png8。jpg之所以不支持透明,是因为它不存储透明通道信息,而png8正好可以存储透明通道信息,所以我们就可以把一张png24的图拆成一张jpg和一张png8,压缩比在90%左右,这个压缩比非常可观,缺点就是解析比较慢,内存峰值也比较高。程序在读取图片时,首先解析jpg,拿到RGB通道数据,然后解析png8,拿到A通道数据,再生成一个新的空纹理,将得到的RGB数据和A数据赋值给这个新的空纹理,就得到了包含ARGB的纹理了,再交给显卡去渲染。因为要解析两张图片,所以解析时间是通常的两倍,内存峰值也是png24的2.5倍(png24是2,png8是2,jpg是3,jpg + png8就是5)。
  5. 使用一些图片压缩工具将图片体积变小。比如PP鸭,这个工具挺好使的,工具的制作团队开发的MarkMan也是个小神器。

另外说一点,美术作图时一定要考虑重用性 美术作图时一定要考虑重用性 美术作图时一定要考虑重用性

相关文章

  • 手游客户端图片资源的优化

    手游中常用的图片格式分为png8、png24、jpg和pvr。png8要么完全透明,要么完全不透明,而png24支...

  • 对于手游的优化

    给手游做优化,无非就CPU性能优化、内存性能优化、资源优化、GPU优化、IO优化、网络优化、耗电优化这些,为此汇总...

  • 真题

    1、iOS瘦身:代码瘦身、资源优化。(安装包体积优化,图片资源优化的策略)(怎么删除无用的图片?怎么压缩图片?)2...

  • Andorid性能优化之-图片优化

    图片优化 优化图片Bitmap资源的使用 & 内存管理 图片的内存占据了App的大部分 1.使用完毕后释放图片资源...

  • iOS 优化

    资源优化:对资源文件下手,压缩图片/音频,去除不必要的资源iOS项目瘦身,删除无用图片,批量压缩图片 编译优化:r...

  • 前端资源优化解决方案

    前言 常见的资源优化方案有:1.资源压缩与合并2.图片格式优化3.图片加载优化 资源压缩与合并 为什么要压缩与合并...

  • 图片资源优化

    图片资源优化后的好处: 方案 iOS 使用Assets来管理资源; 使用TinyPng来优化png格式图片大小;T...

  • 图片压缩哪家强?

    图片压缩是图片优化效益较高的一种方式,对于拥有大量图片资源的网站来说优化效果是非常明显的,图片优化也是前端性能优化...

  • 资源图片优化

    tinypng 在线图片压缩 webP android studio选中图片右键Convert to webP

  • 随手记

    高并发网站优化:1资源优化 静态资源 压缩 CDN js代码 css CDN 2,客户端限制减少请求 异步请...

网友评论

      本文标题:手游客户端图片资源的优化

      本文链接:https://www.haomeiwen.com/subject/bqbncttx.html