http://www.cnblogs.com/elang/p/4104452.html
https://blog.csdn.net/u012839224/article/details/44895033
手游控制安裝包的大小是非常重要的，這里介紹一種方法叠纷。將帶Alpha通道的PNG圖片分拆成RGB和Alpha分別保存撇吞，其中保存RGB的這張圖把它轉(zhuǎn)換成JPG格式的文件吝镣，保存Alpha圖片的就用PNG格式的。原理是JPG格式的壓縮率比較的高可以減小圖片的大小，但是它沒有Alpha，而Alpha數(shù)據(jù)單獨拎出來一般比較小逊朽，所以直接用PNG格式來保存。問題是怎樣分拆PNG圖片曲伊，又怎樣在程序中怎樣將兩張圖片的數(shù)據(jù)合并起來以達到和直接用一張帶Alpha的PNG圖渲染出來是一樣的效果叽讳。這里提供我自己的方法，給大家參考下坟募，有錯誤的地方希望大家指出來岛蚤，謝謝！
1. 將PNG圖片分拆懈糯，也就是將一張PNG圖片生成出一張帶RGB的JPG+一張帶Alpha的PNG涤妒，我使用的工具是imagemagick。這里以bg.png為例:
首先ImageMagick工具提取出Alpha通道赚哗，(命令: convert bg.png -channel A -alpha extract bgAlpha.png)
然后在將bg.png轉(zhuǎn)成JPG格式 輸出為bg.jpg她紫。jpg格式已經(jīng)不包含Alpha通道，而且jpg的壓縮率比較高（這是采用這種方法可以減小圖片大小的根本所在）屿储。(convert bg.png bg.jpg)
這樣就得到了bg.jpg 和bgAlpha.png,這兩張圖片就是我們需要的資源贿讹。這樣轉(zhuǎn)換之后bg.jpg+bgAlpha.png的大小大概比bg.png的 小2~3倍
2. 在程序中合成
由于在win，Android平臺采用的JPG和PNG解析庫和IOS上的不同够掠，所以在程序中要分別處理民褂，這里介紹下在IOS上的方法(win和Android平臺解析參照CCImage的_initWithJpgData和_initWithPngData 方法,合并和IOS的平臺類似,不同地方文中會指出), 這個方法添加在CCImage.mm 文件中即可使用(cocos2dx版本是2.2.2)。
bool CCImage::initWithRgbAndAlpha(const char * jpgFilePath, const char * pngFilePath)
{
bool bRet = false;
do {
// 獲得JPG文件的數(shù)據(jù)
unsigned long nSizeJpg = 0;
unsigned char* pBufferJpg = CCFileUtils::sharedFileUtils()->getFileData(
CCFileUtils::sharedFileUtils()->fullPathForFilename(jpgFilePath).c_str(),
"rb",
&nSizeJpg);
// 保證JPG文件數(shù)據(jù)必須是存在的
if (pBufferJpg == NULL && nSizeJpg <= 0) {return true;}
// 獲得Alpha文件的數(shù)據(jù)
unsigned long nSizePng = 0;
unsigned char* pBufferPng = CCFileUtils::sharedFileUtils()->getFileData(
CCFileUtils::sharedFileUtils()->fullPathForFilename(pngFilePath).c_str(),
"rb",
&nSizePng);
tImageInfo jpgInfo = {0};
jpgInfo.hasShadow = false;
jpgInfo.hasStroke = false;
// 利用CCImage原有的方法解析JPG
bRet = _initWithData(pBufferJpg, nSizeJpg, &jpgInfo);
unsigned char* jpgData = jpgInfo.data;
if (!bRet) {return false;}
tImageInfo pngInfo = {0};
pngInfo.hasShadow = false;
pngInfo.hasStroke = false;
//利用CCImage原有的方法解析Alpha文件
bRet = _initWithData(pBufferPng, nSizePng, &pngInfo);
unsigned char* pngData = pngInfo.data;
if (!bRet) {return false;}
unsigned short jpgHeight = (short)jpgInfo.height;
unsigned short jpgWidth = (short)jpgInfo.width;
int jpgDataLen = jpgHeight * jpgWidth;
int pngIndex = 0;
int jpgIndex = 0;
m_pData = new unsigned char[jpgHeight * jpgWidth * 4];
unsigned int *tmpData = (unsigned int *)m_pData;
// 合并兩個文件的數(shù)據(jù)
for(int i = 0; i < jpgDataLen; i++)
{
// 這個宏和CC_RGB_PREMULTIPLY_ALPHA是一樣的疯潭，作用是將R,G,B 三個顏色值分別乘Alpha值得到合并的R,G,B值,
*tmpData++ = CC_RGB_PREMULTIPLY_ALPHA_IOS(
jpgData[jpgIndex], // R
jpgData[jpgIndex + 1], // G
jpgData[jpgIndex + 2], // B
pngData[pngIndex]); //A
// 兩張圖片在解析之后都為32位了赊堪，所以+4 (Android或者win上 不帶Alpha通道的png文件和jpg文件解析之后是24位的，這是主要區(qū)別的地方)
jpgIndex += 4;
pngIndex += 4;
}
m_nHeight = (short)jpgInfo.height;
m_nWidth = (short)jpgInfo.width;
m_nBitsPerComponent = jpgInfo.bitsPerComponent;
m_bPreMulti = true;
m_bHasAlpha = true;
CC_SAFE_DELETE_ARRAY(pBufferPng);
CC_SAFE_DELETE_ARRAY(pBufferJpg);
CC_SAFE_DELETE_ARRAY(jpgData);
CC_SAFE_DELETE_ARRAY(pngData);
bRet = true;
} while (0);
return bRet;
}
這個方法執(zhí)行之后bg.jpg和bgAlpha.png合并完成袁勺，當(dāng)前的CCImage對象生成的紋理就和直接用bg.png初始化后生成的紋理效果是一樣的了雹食。
另外附上一個將png圖片分拆成Jpg和Alpha的shell腳本（shell不太熟畜普，將就著用_）,使用這個腳本的前提是你已經(jīng)安裝了imagemagick,這個腳本運行之后會遍歷當(dāng)前目錄下的所有png文件期丰，然后分拆這些文件，并且會刪除原png文件吃挑。（如果不想刪除原png文件钝荡，把rm $src去掉即可）
#!/bin/sh
convert_img(){
for file in `ls -a $1`
do
if [ x"$file" != x"." -a x"$file" != x".." ];then
str="$1/$file"
length=${#str}
sufLength=$(($length - 4))
strSuf=${str:$sufLength:$length}
if [ x"$strSuf" = x".png" ];then
src=${str:2:$length}
dst=${str:2:$dstLength}
dstLength=$(($length - 6))
dstSuf="mask"
dstJpg=".jpg"
convert $src -channel A -alpha extract $dst$dstSuf
convert $src $dst$dstJpg
`rm $src`
echo $src
elif [ -d "$1/$file" ];then
convert_img "$1/$file"
fi
fi
done
}
convert_img .
