[發(fā)明專利]一種降低移動(dòng)電子雜志文件尺寸的方法

有效

• 申請(qǐng)?zhí)枺?/td>: 201310392519.4
• 申請(qǐng)日: 2013-09-02
• 公開（公告）號(hào): CN103514616B
• 公開（公告）日: 2017-01-11
• 發(fā)明（設(shè)計(jì)）人: 張昀
• 申請(qǐng)（專利權(quán)）人: 北京新學(xué)堂網(wǎng)絡(luò)科技有限公司
• 主分類號(hào): G06T11/00
• 分類號(hào): G06T11/00
• 代理公司: 北京邦信陽專利商標(biāo)代理有限公司11012
• 代理人: 胡冰

技術(shù)領(lǐng)域

本發(fā)明涉及移動(dòng)應(yīng)用技術(shù)，更具體而言，涉及一種降低移動(dòng)電子雜志文件尺寸的方法。

背景技術(shù)

現(xiàn)在智能手機(jī)已經(jīng)廣泛應(yīng)用，隨著其數(shù)據(jù)處理能力越來越強(qiáng)大，也逐漸改變了人們的生活習(xí)慣，例如很多人特別是年輕人的閱讀習(xí)慣從紙質(zhì)書籍、報(bào)刊、雜志逐漸轉(zhuǎn)移為在手機(jī)上閱讀電子書籍，這也帶動(dòng)了移動(dòng)電子雜志的研究熱度。

移動(dòng)電子雜志，是利用移動(dòng)設(shè)備進(jìn)行觀看的電子雜志，它的特點(diǎn)是支持各種交互式操作，從而獲得紙質(zhì)雜志不具備的用戶體驗(yàn)。移動(dòng)電子雜志可以認(rèn)為是一種特殊種類的移動(dòng)應(yīng)用。

在制作移動(dòng)電子雜志時(shí)，經(jīng)常會(huì)遇到“彈出”內(nèi)容。所謂彈出內(nèi)容，就是有一個(gè)熱點(diǎn)或者按鈕，單擊該熱點(diǎn)或者按鈕，彈出一個(gè)圖片或者一段文字。如圖1所示，左下角的加號(hào)按鈕是熱點(diǎn)，單擊這個(gè)熱點(diǎn)，彈出一個(gè)蝙蝠俠圖像，這就是一個(gè)典型的彈出內(nèi)容。

為了達(dá)到逼真的效果，有時(shí)彈出內(nèi)容需要是背景透明的，而不是方塊形狀的。例如圖2中所示的蝙蝠俠，可以看到，蝙蝠俠的圖片并不是一個(gè)方塊形的圖片，而是只有人物沒有背景的圖片。這樣，蝙蝠俠后邊的文本框就能顯露出來，從而有良好的視覺效果。如果不采用背景透明的圖像，則效果如圖3所示，可以看到，這種背景不透明的圖像，會(huì)大大降低電子雜志的視覺效果，沒有美感。因此，絕大部分電子雜志的彈出內(nèi)容，都會(huì)采取這種背景透明的圖像。有的彈出圖像，其背景并不是完全透明的，而是處于半透明的狀態(tài)，但是原理是一樣的，因此下面都統(tǒng)稱為“背景透明的圖像”。

現(xiàn)有技術(shù)的困難在于，目前只有png格式的圖像才支持這種背景透明的效果。而png格式的圖像是無損壓縮的，這就導(dǎo)致png圖像的文件尺寸非常大。

jpeg格式的圖像是有損壓縮的，因此其文件尺寸小得多，但是jpeg圖像不支持背景透明的效果。例如，一個(gè)內(nèi)容豐富的照片圖像，對(duì)于尺寸為1024*768（iPad2所支持的尺寸）的png圖像來說，其尺寸可能達(dá)到1.5M，而jpeg圖像尺寸大約0.15M。而有的移動(dòng)終端，例如iPad3，采用的視網(wǎng)膜屏對(duì)圖像尺寸要求更大。一個(gè)內(nèi)容豐富的照片圖像，視網(wǎng)膜屏的png圖像尺寸很容易超過5M，而相應(yīng)的jpeg圖像尺寸大約只有0.4M。

當(dāng)前的移動(dòng)終端（包括iPad）為了達(dá)到最佳的視覺效果，都選擇使用png格式來表達(dá)彈出圖像。但是，在移動(dòng)電子雜志中，彈出圖像的數(shù)量是非常多的，因此會(huì)導(dǎo)致電子雜志的尺寸非常大。例如，一個(gè)針對(duì)iPad2設(shè)計(jì)的移動(dòng)電子雜志，其尺寸經(jīng)常達(dá)到200M，而針對(duì)iPad3設(shè)計(jì)的移動(dòng)電子雜志，其尺寸往往達(dá)到500M。移動(dòng)電子雜志的尺寸過大，帶來以下問題：

·用戶下載一個(gè)電子雜志的時(shí)間很長(zhǎng)；

·占用過多的存儲(chǔ)空間，而移動(dòng)設(shè)備的存儲(chǔ)器價(jià)格還是很高的；

·如果使用3G網(wǎng)絡(luò)，過大的尺寸會(huì)讓用戶消耗過多的費(fèi)用。

發(fā)明內(nèi)容

針對(duì)上述問題，本發(fā)明的目的在于提出一種降低移動(dòng)電子雜志文件尺寸的方法，移動(dòng)電子雜志既能達(dá)到背景透明圖像的效果，又不像png圖像那樣，具有太大的文件尺寸。

本發(fā)明的降低移動(dòng)電子雜志文件尺寸的方法包括：步驟1：針對(duì)需制作的移動(dòng)電子雜志中的彈出圖像，將彈出圖像制作為png格式的源圖像（ori.png）；步驟2：將彈出圖像重新制作為jpeg文件格式的輸出圖像（out.jpeg）；步驟3：復(fù)制所述源圖像（ori.png）為png格式的蒙板圖像（mask.png），并將該蒙板圖像（mask.png）制作為alpha通道不變，顏色為純色的png格式的圖像；步驟4：在移動(dòng)設(shè)備上，通過蒙板屬性將所述蒙板圖像（mask.png）疊加到所述輸出圖像（out.jpeg）之上。

本發(fā)明的方法實(shí)現(xiàn)了如下技術(shù)效果：

·彈出圖像的最終顯示效果，是背景透明的。

·彈出圖像的文件尺寸，僅比jpeg圖像尺寸，大了約10%-15%；比采用png圖像，則文件尺寸，小了5-10倍。

·整個(gè)移動(dòng)電子雜志的尺寸，縮減到以前的1/3甚至更小。

附圖說明

圖1為現(xiàn)有技術(shù)的彈出圖像彈出之前的示例；

圖2為圖1的彈出圖像彈出之后的示例，其中彈出圖像的背景透明；

圖3為圖1的彈出圖像彈出之后的示例，其中彈出圖像的背景不透明；

圖4為本發(fā)明的方法的流程圖；

圖5為本發(fā)明的彈出圖像彈出之前的示例；

圖6顯示了圖5的彈出圖像彈出之后的示例，其中彈出圖像的背景透明；

圖7為圖5中的彈出圖像，其中其背景不透明；