根據(jù)屏幕分辨率加載圖片的裝置和方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及通信技術(shù)領(lǐng)域，尤其涉及一種根據(jù)屏幕分辨率加載圖片的裝置和方法。
【背景技術(shù)】
[0002]隨著顯示技術(shù)的不斷發(fā)展，屏幕分辯率越來越高。目前，移動終端上已出現(xiàn)了 5K高清顯示屏，5K高清顯示屏可以渲染和顯示比普通圖片分辨率更高的高清圖片，給用戶帶來更加震撼的視覺體驗。雖然高清圖片可以給用戶帶來良好的視覺體驗，但由于不是所有的終端設(shè)備都具有高清顯示屏，如果網(wǎng)站在所有終端設(shè)備上都加載高清圖片，對于普通屏幕來說，會導(dǎo)致渲染速度的降低和圖片質(zhì)量的溢出，并且會增大服務(wù)器帶寬，浪費帶寬資源。

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

[0003]本發(fā)明的主要目的在于提出一種根據(jù)屏幕分辨率加載圖片的裝置和方法，旨在實現(xiàn)按需加載不同質(zhì)量規(guī)格的圖片，提高頁面渲染速度，節(jié)約帶寬資源。
[0004]為實現(xiàn)上述目的，本發(fā)明提出一種根據(jù)屏幕分辨率加載圖片的系統(tǒng)，包括服務(wù)器和終端，其中:
[0005]所述服務(wù)器，用于根據(jù)屏幕分辨率等級存儲至少兩種規(guī)格的圖片；
[0006]所述終端，用于當(dāng)加載所述圖片時，判斷本終端的屏幕分辨率等級，根據(jù)所述屏幕分辨率等級加載相應(yīng)規(guī)格的圖片。
[0007]其中，所述終端用于:獲取層疊樣式表CSS3中的參數(shù)信息，根據(jù)所述參數(shù)信息判斷本終端的屏幕分辨率等級。
[0008]其中，所述CSS3中的參數(shù)信息包括物理像素和設(shè)備獨立像素的比例device-pixel-rat1或/和每像素包含點的數(shù)量dppx。
[0009]本發(fā)明還提出一種根據(jù)屏幕分辨率加載圖片的裝置，應(yīng)用于終端，包括:
[0010]判斷模塊，用于當(dāng)加載圖片時，判斷本終端的屏幕分辨率等級；
[0011]加載模塊，用于根據(jù)所述屏幕分辨率等級加載相應(yīng)規(guī)格的圖片。
[0012]其中，所述判斷模塊用于:
[0013]獲取層疊樣式表CSS3中的參數(shù)信息，根據(jù)所述參數(shù)信息判斷本終端的屏幕分辨率等級。
[0014]其中，所述屏幕分辨率等級包括高清屏幕和普通屏幕，對應(yīng)的圖片規(guī)格分別為高清圖片和普通圖片，所述判斷模塊用于:
[0015]當(dāng)所述device-pixel-rat1的值等于第一設(shè)定值(如等于2)或/和所述dppx大于或等于預(yù)設(shè)值時，判斷本終端的屏幕為高清屏幕；
[0016]當(dāng)所述device-pixel-rat1的值等于第二設(shè)定值(如等于1)或/和所述dppx小于預(yù)設(shè)值時，判斷本終端的屏幕為普通屏幕。
[0017]其中，所述加載模塊用于:
[0018]在加載頁面寫入普通src地址和高清src地址；
[0019]當(dāng)所述屏幕分辨率等級為高清屏幕時，利用所述高清src地址的值覆蓋所述普通src地址的值，以加載所述高清圖片；
[0020]當(dāng)所述屏幕分辨率等級為普通屏幕時，利用所述普通src地址作為加載地址，以加載所述普通圖片。
[0021]本發(fā)明同時提出一種根據(jù)屏幕分辨率加載圖片的方法，包括步驟:
[0022]服務(wù)器根據(jù)屏幕分辨率等級存儲至少兩種規(guī)格的圖片；
[0023]終端加載所述圖片時，判斷本終端的屏幕分辨率等級，根據(jù)所述屏幕分辨率等級加載相應(yīng)規(guī)格的圖片。
[0024]其中，所述判斷本終端的屏幕分辨率等級包括:獲取層疊樣式表CSS3中的參數(shù)信息，根據(jù)所述參數(shù)信息判斷本終端的屏幕分辨率等級。
[0025]本發(fā)明還提出一種根據(jù)屏幕分辨率加載圖片的方法，應(yīng)用于終端，包括步驟:
[0026]加載圖片時，判斷本終端的屏幕分辨率等級；
[0027]根據(jù)所述屏幕分辨率等級加載相應(yīng)規(guī)格的圖片。
[0028]其中，所述屏幕分辨率等級包括高清屏幕和普通屏幕，對應(yīng)的圖片規(guī)格分別為高清圖片和普通圖片，所述根據(jù)所述參數(shù)信息判斷本終端的屏幕分辨率等級:
[0029]當(dāng)所述device-pixel-rat1的值等于第一設(shè)定值(如等于2)或/和所述dppx大于或等于預(yù)設(shè)值時，判斷本終端的屏幕為高清屏幕；
[0030]當(dāng)所述device-pixel-rat1的值等于第二設(shè)定值(如等于1)或/和所述dppx小于預(yù)設(shè)值時，判斷本終端的屏幕為普通屏幕。
[0031]其中，根據(jù)所述屏幕分辨率等級加載相應(yīng)規(guī)格的圖片包括:
[0032]在加載頁面寫入普通src地址和高清src地址；
[0033]當(dāng)所述屏幕分辨率等級為高清屏幕時，利用所述高清src地址的值覆蓋所述普通src地址的值，以加載所述高清圖片；
[0034]當(dāng)所述屏幕分辨率等級為普通屏幕時，利用所述普通src地址作為加載地址，以加載所述普通圖片。
[0035]本發(fā)明所提出的一種本發(fā)明根據(jù)屏幕分辨率加載圖片的裝置和方法，預(yù)先由服務(wù)器根據(jù)屏幕分辨率等級定義兩種或多種質(zhì)量規(guī)格的圖片，終端加載圖片時，則根據(jù)本終端的屏幕分辨率等級加載相應(yīng)規(guī)格的圖片，從而實現(xiàn)了按需加載不同質(zhì)量規(guī)格的圖片，不同屏幕分辨率的終端加載不同質(zhì)量規(guī)格的圖片，提高了頁面渲染速度，提高了網(wǎng)站性能，并大大節(jié)約了帶寬資源。同時，判斷運算和圖片渲染都在終端上完成，節(jié)約了服務(wù)器資源。
【附圖說明】
[0036]圖1為實現(xiàn)本發(fā)明各個實施例的移動終端的硬件結(jié)構(gòu)示意圖；
[0037]圖2為如圖1所示的移動終端的無線通信系統(tǒng)示意圖；
[0038]圖3為本發(fā)明根據(jù)屏幕分辨率加載圖片的方法第一實施例的流程圖；
[0039]圖4為本發(fā)明根據(jù)屏幕分辨率加載圖片的方法第二實施例的流程圖；
[0040]圖5為本發(fā)明根據(jù)屏幕分辨率加載圖片的方法第三實施例的流程圖；
[0041]圖6為本發(fā)明根據(jù)屏幕分辨率加載圖片的方法第四實施例的流程圖；
[0042]圖7為本發(fā)明根據(jù)屏幕分辨率加載圖片的系統(tǒng)一實施例的模塊示意圖；
[0043]圖8為本發(fā)明根據(jù)屏幕分辨率加載圖片的裝置一實施例的模塊示意圖。
[0044]本發(fā)明目的的實現(xiàn)、功能特點及優(yōu)點將結(jié)合實施例，參照附圖做進(jìn)一步說明。
【具體實施方式】
[0045]應(yīng)當(dāng)理解，此處所描述的具體實施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0046]現(xiàn)在將參考附圖描述實現(xiàn)本發(fā)明各個實施例的移動終端。在后續(xù)的描述中，使用用于表示元件的諸如“模塊”、“部件”或“單元”的后綴僅為了有利于本發(fā)明的說明，其本身并沒有特定的意義。因此，〃模塊〃與〃部件〃可以混合地使用。
[0047]移動終端可以以各種形式來實施。例如，本發(fā)明中描述的終端可以包括諸如移動電話、智能電話、筆記本電腦、數(shù)字廣播接收器、PDA(個人數(shù)字助理)、PAD(平板電腦)、PMP(便攜式多媒體播放器)、導(dǎo)航裝置等等的移動終端以及諸如數(shù)字TV、臺式計算機(jī)等等的固定終端。下面，假設(shè)終端是移動終端。然而，本領(lǐng)域技術(shù)人員將理解的是，除了特別用于移動目的的元件之外，根據(jù)本發(fā)明的實施方式的構(gòu)造也能夠應(yīng)用于固定類型的終端。
[0048]圖1為實現(xiàn)本發(fā)明各個實施例的移動終端的硬件結(jié)構(gòu)示意。
[0049]移動終端100可以包括無線通信單元110、A/V (音頻/視頻)輸入單元120、用戶輸入單元130、感測單元140、輸出單元150、存儲器160、接口單元170、控制器180和電源單元190等等。圖1示出了具有各種組件的移動終端，但是應(yīng)理解的是，并不要求實施所有示出的組件?？梢蕴娲貙嵤└嗷蚋俚慕M件。將在下面詳細(xì)描述移動終端的元件。
[0050]無線通信單元110通常包括一個或多個組件，其允許移動終端100與無線通信系統(tǒng)或網(wǎng)絡(luò)之間的無線電通信。例如，無線通信單元可以包括廣播接收模塊111、移動通信模塊112、無線互聯(lián)網(wǎng)模塊113、短程通信模塊114和位置信息模塊115中的至少一個。
[0051]廣播接收模塊111經(jīng)由廣播信道從外部廣播管理服務(wù)器接收廣播信號和/或廣播相關(guān)信息。廣播信道可以包括衛(wèi)星信道和/或地面信道。廣播管理服務(wù)器可以是生成并發(fā)送廣播信號和/或廣播相關(guān)信息的服務(wù)器或者接收之前生成的廣播信號和/或廣播相關(guān)信息并且將其發(fā)送給終端的服務(wù)器。廣播信號可以包括TV廣播信號、無線電廣播信號、數(shù)據(jù)廣播信號等等。而且，廣播信號可以進(jìn)一步包括與TV或無線電廣播信號組合的廣播信號。廣播相關(guān)信息也可以經(jīng)由移動通信網(wǎng)絡(luò)提供，并且在該情況下，廣播相關(guān)信息可以由移動通信模塊112來接收。廣播信號可以以各種形式存在，例如，其可以以數(shù)字多媒體廣播(DMB)的電子節(jié)目指南(EPG)、數(shù)字視頻廣播手持(DVB-Η)的電子服務(wù)指南(ESG)等等的形式而存在。廣播接收模塊111可以通過使用各種類型的廣播系統(tǒng)接收信號廣播。特別地，廣播接收模塊111可以通過使用諸如多媒體廣播-地面(DMB-T)、數(shù)字多媒體廣播-衛(wèi)星(DMB-S)、數(shù)字視頻廣播-手持(DVB-H)，前向鏈路媒體(MediaFL0@)的數(shù)據(jù)廣播系統(tǒng)、地面數(shù)字廣播綜合服務(wù)(ISDB-T)等等的數(shù)字廣播系統(tǒng)接收數(shù)字廣播。廣播接收模塊111可以被構(gòu)造為適合提供廣播信號的各種廣播系統(tǒng)以及上述數(shù)字廣播系統(tǒng)。經(jīng)由廣播接收模塊111接收的廣播信號和/或廣播相關(guān)信息可以存儲在存儲器160 (或者其它類型的存儲介質(zhì))中。
[0052]移動通信模塊112將無線電信號發(fā)送到基站(例如，接入點、節(jié)點B等等)、外部終端以及服務(wù)器中的至少一個和/或從其接收無線電信號。這樣的無線電信號可以包括語音通話信號、視頻通話信號、或者根據(jù)文本和/或多媒體消息發(fā)送和/或接收的各種類型的數(shù)據(jù)。
[0053]無線互聯(lián)網(wǎng)模塊113支持移動終端的無線互聯(lián)網(wǎng)接入。該模塊可以內(nèi)部或外部地耦接到終端。該模塊所涉及的無線互聯(lián)網(wǎng)接入技術(shù)可以包括WLAN(無線LAN) (W1-Fi)、ffibro (無線寬帶)、ffimax (全球微波互聯(lián)接入)、HSDPA (高速下行鏈路分組