一种降低移动电子杂志文件尺寸的方法技术

一种降低移动电子杂志文件尺寸的方法，包括：步骤1：针对需制作的移动电子杂志中的弹出图像，将弹出图像制作为png格式的源图像（ori.png）；步骤2：将弹出图像重新制作为jpeg文件格式的输出图像（out.jpeg）；步骤3：复制所述源图像（ori.png）为png格式的蒙板图像（mask.png），并将该蒙板图像（mask.png）制作为alpha通道不变，颜色为纯色的png格式的图像；步骤4：在移动设备上，通过蒙板属性将所述蒙板图像（mask.png）叠加到所述输出图像（out.jpeg）之上。通过本发明专利技术，弹出图像的最终显示效果，是背景透明的，从而有较好的视觉体验，而且整个移动电子杂志的尺寸都很大缩减。

【技术实现步骤摘要】
一种降低移动电子杂志文件尺寸的方法
本专利技术涉及移动应用技术，更具体而言，涉及一种降低移动电子杂志文件尺寸的方法。
技术介绍
现在智能手机已经广泛应用，随着其数据处理能力越来越强大，也逐渐改变了人们的生活习惯，例如很多人特别是年轻人的阅读习惯从纸质书籍、报刊、杂志逐渐转移为在手机上阅读电子书籍，这也带动了移动电子杂志的研究热度。移动电子杂志，是利用移动设备进行观看的电子杂志，它的特点是支持各种交互式操作，从而获得纸质杂志不具备的用户体验。移动电子杂志可以认为是一种特殊种类的移动应用。在制作移动电子杂志时，经常会遇到“弹出”内容。所谓弹出内容，就是有一个热点或者按钮，单击该热点或者按钮，弹出一个图片或者一段文字。如图1所示，左下角的加号按钮是热点，单击这个热点，弹出一个蝙蝠侠图像，这就是一个典型的弹出内容。为了达到逼真的效果，有时弹出内容需要是背景透明的，而不是方块形状的。例如图2中所示的蝙蝠侠，可以看到，蝙蝠侠的图片并不是一个方块形的图片，而是只有人物没有背景的图片。这样，蝙蝠侠后边的文本框就能显露出来，从而有良好的视觉效果。如果不采用背景透明的图像，则效果如图3所示，可以看到，这种背景不透明的图像，会大大降低电子杂志的视觉效果，没有美感。因此，绝大部分电子杂志的弹出内容，都会采取这种背景透明的图像。有的弹出图像，其背景并不是完全透明的，而是处于半透明的状态，但是原理是一样的，因此下面都统称为“背景透明的图像”。现有技术的困难在于，目前只有png格式的图像才支持这种背景透明的效果。而png格式的图像是无损压缩的，这就导致png图像的文件尺寸非常大。jpeg格式的图像是有损压缩的，因此其文件尺寸小得多，但是jpeg图像不支持背景透明的效果。例如，一个内容丰富的照片图像，对于尺寸为1024*768（iPad2所支持的尺寸）的png图像来说，其尺寸可能达到1.5M，而jpeg图像尺寸大约0.15M。而有的移动终端，例如iPad3，采用的视网膜屏对图像尺寸要求更大。一个内容丰富的照片图像，视网膜屏的png图像尺寸很容易超过5M，而相应的jpeg图像尺寸大约只有0.4M。当前的移动终端（包括iPad）为了达到最佳的视觉效果，都选择使用png格式来表达弹出图像。但是，在移动电子杂志中，弹出图像的数量是非常多的，因此会导致电子杂志的尺寸非常大。例如，一个针对iPad2设计的移动电子杂志，其尺寸经常达到200M，而针对iPad3设计的移动电子杂志，其尺寸往往达到500M。移动电子杂志的尺寸过大，带来以下问题：·用户下载一个电子杂志的时间很长；·占用过多的存储空间，而移动设备的存储器价格还是很高的；·如果使用3G网络，过大的尺寸会让用户消耗过多的费用。
技术实现思路
针对上述问题，本专利技术的目的在于提出一种降低移动电子杂志文件尺寸的方法，移动电子杂志既能达到背景透明图像的效果，又不像png图像那样，具有太大的文件尺寸。本专利技术的降低移动电子杂志文件尺寸的方法包括：步骤1：针对需制作的移动电子杂志中的弹出图像，将弹出图像制作为png格式的源图像（ori.png）；步骤2：将弹出图像重新制作为jpeg文件格式的输出图像（out.jpeg）；步骤3：复制所述源图像（ori.png）为png格式的蒙板图像（mask.png），并将该蒙板图像（mask.png）制作为alpha通道不变，颜色为纯色的png格式的图像；步骤4：在移动设备上，通过蒙板属性将所述蒙板图像（mask.png）叠加到所述输出图像（out.jpeg）之上。本专利技术的方法实现了如下技术效果：·弹出图像的最终显示效果，是背景透明的。·弹出图像的文件尺寸，仅比jpeg图像尺寸，大了约10%-15%；比采用png图像，则文件尺寸，小了5-10倍。·整个移动电子杂志的尺寸，缩减到以前的1/3甚至更小。附图说明图1为现有技术的弹出图像弹出之前的示例；图2为图1的弹出图像弹出之后的示例，其中弹出图像的背景透明；图3为图1的弹出图像弹出之后的示例，其中弹出图像的背景不透明；图4为本专利技术的方法的流程图；图5为本专利技术的弹出图像弹出之前的示例；图6显示了图5的弹出图像弹出之后的示例，其中弹出图像的背景透明；图7为图5中的弹出图像，其中其背景不透明；图8为图6中所用的蒙板图像的示例。具体实施方式目前的移动应用，并不一定非要采取原生态的代码来开发（不同平台的原生态代码语言不一样，例如Android平台的原生态代码语言是Java，而iOS平台的原生态代码语言是ObjectC。现在已经有一种“混合HTML5和原生态代码的开发模式”，就是用原生态的代码来实现部分功能，其余功能用HTML5技术来实现。这种技术的优点在于，能够很好地利用HTML5的独特特性和扩展能力。采用这种技术开发的移动电子杂志，其弹出图像的显示是通过HTML5技术来实现，而不是通过原生态的代码实现。本专利技术针对的是“采用HTML5技术显示弹出图像的移动应用”。本发明并不限定移动应用的运行平台，可以用于任何操作系统平台上，Android，iOS，WindowsPhone等等。一般来讲，制作移动电子杂志，需要一个制作软件。制作软件将移动电子杂志制作好了之后，上传到移动设备上，由移动设备负责展示给最终用户。如图4所示，本专利技术的方法的实施步骤包括：步骤1：针对需制作的移动电子杂志中的弹出图像，将弹出图像制作为png格式的源图像，图像名称为ori.png。更有利地，获取此时png图像的文件尺寸。制作为png图像时，图像带不带alpha通道均可。更有利地，如果获取了png图像的文件尺寸，则判断该png文件尺寸是否超过一个门槛值。超过门槛值的弹出图像进行进一步地处理，即将该弹出图像制作为带有alpha通道的png图像，图像名称为ori.png。png图像的alpha通道，用于保存背景透明的信息。而正是因为有了alpha通道，png图像才能让背景透明。而达不到这个门槛值的弹出图像，不需要处理，就直接使用该png图像即可，将该弹出图像制作为ori.png。门槛值的设定标准和电子杂志中图像的性质关系很大，并无一定之规，通常可以设定为100-150K。而且本专利技术所描述的方法，针对png文件尺寸越大的图像，效果越好。但对于png文件尺寸很小的图像，有可能最后的文件尺寸反而变大了。因此，需要设定一个门槛值，只处理png文件尺寸超过门槛值的图像。步骤2：将弹出图像重新制作为jpeg文件格式，图像名称为out.jpeg。其中，out.jpeg会比ori.png的文件尺寸小很多，因为jpeg是有损压缩格式。但out.jpeg不带有alpha通道，因而也无法表达透明背景。步骤3：复制所述ori.png图像，命名为mask.png，并将该mask.png制作为alpha通道不变，颜色为纯色的png图像。mask.png的alpha通道和ori.png的alpha通道（如果ori.png带alpha通道）完全一样，而mask.png的颜色是纯色，也就是说，mask.png的R\G\B通道，其值都是一样的。更有利的，mask.png的颜色是黑色，也就是说，mask.png的R\G\B通道，其值都是0，此时mask.png的文件尺寸最小。如本文档来自技高网...

【技术保护点】
一种降低移动电子杂志文件尺寸的方法，其特征在于，包括：步骤1：针对需制作的移动电子杂志中的弹出图像，将弹出图像制作为png格式的源图像（ori.png）；步骤2：将弹出图像重新制作为jpeg文件格式的输出图像（out.jpeg）；步骤3：复制所述源图像（ori.png）为png格式的蒙板图像（mask.png），并将该蒙板图像（mask.png）制作为alpha通道不变，颜色为纯色的png格式的图像；步骤4：在移动设备上，通过蒙板属性将所述蒙板图像（mask.png）叠加到所述输出图像（out.jpeg）之上。

【技术特征摘要】
1.一种降低移动电子杂志文件尺寸的方法，其特征在于，包括：步骤1：针对需制作的移动电子杂志中的弹出图像，将弹出图像制作为png格式的源图像(ori.png)；步骤2：将弹出图像重新制作为jpeg文件格式的输出图像(out.jpeg)；步骤3：复制所述源图像(ori.png)为png格式的蒙板图像(mask.png)，并将该蒙板图像(mask.png)制作为alpha通道不变，颜色为纯色的png格式的图像；步骤4：在移动设备上，通过蒙板属性将所述蒙板图像(mask.png)叠加到所述输出图像(out.jpeg)之上；其中，所述步骤1还包括：步骤1-1：获取此时源图像(ori.png)的文件尺寸...

【专利技术属性】
技术研发人员：张昀，
申请(专利权)人：北京新学堂网络科技有限公司，
类型：发明
国别省市：