在2D游戏中图片无疑是最为重要的资源文件，它会被加载到内存中转换为纹理，由GPU贴在精灵之上渲染出来。它能够优化的方面很多，包括：图片格式、拼图和纹理格式等，下面我们从这几个方面介绍一下图片和纹理的优化。
1.选择图片格式
要回答这个问题，我们需要先了解一下目前在移动平台所使用的图片文件格式，以及这些图片格式Cocos2d-x是否支持。图片格式有很多，但是在移动平台主要推荐使用的PNG，JPG也可以考虑，而其它的文件格式最好转化成为PNG格式。我们先了解一下它们的特点。
1、PNG文件
PNG文件格式设计目的是替代GIF和TIFF文件格式，是一种位图存储格式。PNG是采用无损压缩，可以有Alpha通道数据支持透明，但不支持动画。PNG可以保存高保真的较复杂的图像，但是文件比较大。PNG格式具体又分为：PNG8和PNG24，后面的数字则是代表这种PNG格式最多可以索引和存储的颜色值。
2、JPG
JPG全名是JPEG。JPG图片以 24 位颜色存储单个位图图形。JPG是与平台无关的格式，支持最高级别的压缩，压缩比率可以高达 100:1，这种压缩是以牺牲图像质量为代价的，换取更小文件大小。JPG不支持透明。JPG比较支持摄影图像或写实图像作品，这是因为它们颜色比较丰富。而对于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片，JPG就不太适合了。

那么我们选择JPG还是PNG呢?很多人认为JPG文件比较小，PNG文件比较大，加载到内存纹理，JPG占有更少的内存。这种观点是错误的！纹理与图片是不同的两个概念，如果纹理是野营帐篷话，那么图片格式是收纳折叠后的帐篷袋子，装有帐篷的袋子大小，不能代表帐篷搭起来后的大小。特别是在Cocos2d-x平台JPG加载后被转化为PNG格式，然后再转换为纹理，保存在内存中，这样无形中增加了对JPG文件解码的时间，因此无论JPG在其它平台表现的多么不俗，但是在移动平台下一定它无法与PNG相提并论。

2.拼图
不知道大家是否有过这样的一个疑问，为什么要把场景中小图片都拼接成一个大图片呢？这个问题我们在使用精灵表的时候简单说了一下，这一节我们详细介绍一下它原因。
如果把多个小图拼接称为一个大图（纹理图或精灵表），可以减少IO操作。并且使用散图每次都要针对一个图，创建精灵添加到纹理缓存，如果很频繁而大量创建，对于CPU和内存的开销很高。而使用大图，则一次性将创建精灵帧缓存，并把它们纹理添加到纹理缓存中，这样会明显地提高效率。
在进行图片拼接的时候，如果能够满足用户保真度情况下，大图越小当然是越好。我们可以通过TexturePacker等纹理拼图工具，设置纹理支持NPOT，这些工具的使用大家可以参考我们的（《Cocos2d-x实战（卷Ⅳ）：工具详解》）。
那么什么是NPOT呢？NPOT是“non power of two”的缩写，意思是非2的N次幂。在OpenGL ES1.1时候纹理图片要求是2的N次幂（即，POT），否则纹理无法创建。POT要求下使用纹理工具拼接成的大图，可以会有很多的空白区域。如下图所示，右下角还有一些空白区域，造成了浪费，也会同时增加图片的大小，下图所示的图片大小是2048KB。

POT拼图

OpenGL ES2.0后支持了NPOT，我们不需要为图片是否为2的N次幂而苦恼，如图所示，是采用NPOT拼图，整个图片基本上没有大的空白区域，能充分地利用了图片空间。20-24所示的图片大小是1822KB，节省了200KB，200KB已经很了不起了。

NPOT拼图
 
 
更多内容请关注最新Cocos图书《Cocos2d-x实战 C++卷》

本书交流讨论网站：http://www.cocoagame.net

更多精彩视频课程请关注智捷课堂Cocos课程：http://v.51work6.com
欢迎加入Cocos2d-x技术讨论群：257760386

《Cocos2d-x实战 C++卷》现已上线，各大商店均已开售：

京东：http://item.jd.com/11584534.html

亚马逊：http://www.amazon.cn/Cocos2d-x%E5%AE%9E%E6%88%98-C-%E5%8D%B7-%E5%85%B3%E4%B8%9C%E5%8D%87/dp/B00PTYWTLU

当当：http://product.dangdang.com/23606265.html

互动出版网：http://product.china-pub.com/3770734

《Cocos2d-x实战 C++卷》源码及样章下载地址：

源码下载地址：http://51work6.com/forum.php?mod=viewthread&tid=1155&extra=page%3D1

样章下载地址：http://51work6.com/forum.php?mod=viewthread&tid=1157&extra=page%3D1

欢迎关注智捷iOS课堂微信公共平台

Cocos2d-x优化中图片优化的更多相关文章

  1. android开发中图片优化步骤

    android开发中图片优化方法 1.图片加载方法,方便用户加载图片 /*** * 加载本地图片 * @param context:主运行函数实例 * @param bitAdress:图片地址,一般 ...

  2. Cocos2d-x优化中纹理优化

    转自 http://blog.csdn.net/tonny_guan/article/details/41016241 Cocos2d-x优化中纹理优化 1.纹理像素格式纹理优化工作的另一重要的指标是 ...

  3. Web 性能优化： 图片优化让网站大小减少 62%

    摘要: 压缩各种格式的图片. 原文:Web 性能优化: 图片优化让网站大小减少 62% 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 这是 Web 性能优化的第二篇,上一篇在下面看点 ...

  4. Web性能优化：图片优化

    程序员都是懒孩子,想直接看自动优化的点:传送门 我自己的Blog:http://cabbit.me/web-image-optimization/ HTTP Archieve有个统计,图片内容已经占到 ...

  5. Web前端性能优化之图片优化

    我自己的Blog:http://blog.cabbit.me/web-image-optimization/ HTTP Archieve有个统计,图片内容已经占到了互联网内容总量的62%,也就是说超过 ...

  6. Android APP内存优化之图片优化

    网上有很多大拿分享的关于Android性能优化的文章,主要是通过各种工具分析,使用合理的技巧优化APP的体验,提升APP的流畅度,但关于内存优化的文章很少有看到.在Android设备内存动不动就上G的 ...

  7. Android中图片优化之webp使用

    博客出自:http://blog.csdn.net/liuxian13183,转载注明出处! All Rights Reserved ! 有关图片的优化,通常我们会用到LruCache(使用强引用.强 ...

  8. Android中图片优化

    1.对图片进行压缩:建议使用TinyPNG工具压缩 2.WebP格式(支持4.0以上)可减少文件大小 3.尽量使用NinePatch的PNG 4.图片缓存

  9. Web性能优化之图片优化

    http://get.jobdeer.com/6513.get 其中APNG和WebP格式出现的较晚,尚未被Web标准所采纳,只有在特定平台或浏览器环境可以预知的情况下加以采用,虽然均可以在不支持的环 ...

随机推荐

  1. sql，mybatis，javascript分页功能的实现

    用三种不同的方法实现多数据的分页功能.原生sql和mybatis的操作需要每次点击不同页数时都发送http请求,进行一次数据库查询,如果放在前端页面写js语句则不需要每次都请求一次,下面是三种不同的方 ...

  2. 加粗合并latex表格线的加粗及合并两行

    每日一贴,今天的内容关键字为加粗合并 在latex中要设置加粗的表格线,要使用如下包: \usepackage{booktabs} 如下图中的表格,首行(\toprule[2pt]),旁边行(\mid ...

  3. Codeforces Gym 100286B Blind Walk DFS

    Problem B. Blind WalkTime Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hust.edu.cn/vjudge/cont ...

  4. android广播集合，intent，action

    android.permission.ACCESS_CHECKIN_PROPERTIES 同意读写訪问"properties"表在checkin数据库中,改值能够改动上传( All ...

  5. 免费的天气预报API--谷歌，雅虎，中央气象台

    Google Weather API 仅仅支持美国地区使用邮政编码进行查询,比如:  http://www.google.com/ig/api?hl=zh-cn&weather=94043  ...

  6. .net平台下C#socket通信（转）

    上篇.net平台下C#socket通信(上)介绍了socket通信的基本原理及最基本的通信方式.本文在此基础上就socket通信时经常遇到的问题做一个简单总结,都是项目中的一些小问题,拿来此处便于下次 ...

  7. 标准库类型vector

    标准库类型vector表示对象的集合,其中所有对象的类型都相同.集合中的每个对象都有一个与之对应的索引,索引用于访问对象.因为vector“容纳着”其他对象,所以它被称为容器. 要想使用vector, ...

  8. Maven 插件开发（一）

    项目在重构之后,想由ant切换到maven,在转换的过程中遇到一个问题.因为项目是基于OSGi的架构,而OSGi在运行时是依赖于插件环境的,bundle之间存在package依赖.而maven是基于d ...

  9. mkimage command not found

    转载:http://blog.csdn.net/armeasy/article/details/6217621 UIMAGE  arch/arm/boot/uImage"mkimage&qu ...

  10. 最新cocoapods安装流程，安装过程中遇到的问题及解决方法

    最近重新安装了一次cocoapods,参考的安装流程:http://blog.csdn.net/showhilllee/article/details/38398119/ 但是现在的cocoapods ...