網(wǎng)頁圖片的展現(xiàn)方法和展現(xiàn)裝置制造方法
【專利摘要】本公開是關(guān)于網(wǎng)頁圖片的展現(xiàn)方法和展現(xiàn)裝置，該展現(xiàn)方法包括：調(diào)用具有相同特征的子圖片；將所述具有相同特征的子圖片生成一張整合圖片，并記錄每張子圖片的位置信息；當(dāng)接收到終端發(fā)送的網(wǎng)頁圖片獲取請求時，將所述整合圖片和所述位置信息發(fā)送至所述終端，以使所述終端根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。本公開的技術(shù)方案可以減少網(wǎng)頁在首次加載時發(fā)起的圖片獲取請求的數(shù)量，避免消耗過多的網(wǎng)絡(luò)資源，且有助于提高網(wǎng)頁的加載速度。
【專利說明】網(wǎng)頁圖片的展現(xiàn)方法和展現(xiàn)裝置

【技術(shù)領(lǐng)域】
[0001] 本公開涉及瀏覽器【技術(shù)領(lǐng)域】，尤其涉及網(wǎng)頁圖片的展現(xiàn)方法和展現(xiàn)裝置。

【背景技術(shù)】
[0002] 瀏覽器在向服務(wù)器請求到相應(yīng)的網(wǎng)頁文件后，通過加載該網(wǎng)頁文件來實現(xiàn)網(wǎng)頁的 渲染和加載。為了提高網(wǎng)頁的加載速度，尤其是當(dāng)網(wǎng)頁包含的圖片量較大時，相關(guān)技術(shù)中提 出了通過單獨請求和下載網(wǎng)頁圖片的方式，實現(xiàn)了對網(wǎng)頁的分步加載。
[0003] 然而，隨著單一網(wǎng)頁的功能越來越復(fù)雜，使得在同一網(wǎng)頁上顯示的圖片元素越來 越多，則即便采用上述的分步加載方式，該網(wǎng)頁在首次加載時仍需要發(fā)起與圖片元素的數(shù) 量相等次數(shù)的圖片獲取請求，將導(dǎo)致網(wǎng)絡(luò)資源的大量消耗，且限制了網(wǎng)頁的加載速度。


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

[0004] 本公開提供網(wǎng)頁圖片的展現(xiàn)方法和展現(xiàn)裝置，以解決相關(guān)技術(shù)中網(wǎng)頁在首次加載 時需要發(fā)起與圖片元素的數(shù)量相等次數(shù)的圖片獲取請求，將導(dǎo)致網(wǎng)絡(luò)資源的大量消耗，且 限制了網(wǎng)頁的加載速度的問題。
[0005] 根據(jù)本公開實施例的第一方面，提供一種網(wǎng)頁圖片的展現(xiàn)方法，包括：
[0006] 調(diào)用具有相同特征的子圖片；
[0007] 將所述具有相同特征的子圖片生成一張整合圖片，并記錄每張子圖片的位置信 息；
[0008] 當(dāng)接收到終端發(fā)送的網(wǎng)頁圖片獲取請求時，將所述整合圖片和所述位置信息發(fā)送 至所述終端，以使所述終端根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0009] 可選的，將所述具有相同特征的子圖片生成一張整合圖片，包括：
[0010] 確定用于對所述子圖片進行整合的整合方式；
[0011] 從所述整合方式中選擇對所述子圖片進行整合后占用面積最小的整合方式；
[0012] 按照所述占用面積最小的整合方式將所述具有相同特征的子圖片生成所述整合 圖片。
[0013] 可選的，確定用于對所述子圖片進行整合的整合方式包括：
[0014] 判斷所述子圖片的數(shù)量是否小于預(yù)設(shè)數(shù)量；
[0015] 當(dāng)所述子圖片的數(shù)量小于預(yù)設(shè)數(shù)量時，通過窮舉方式確定所述多種整合方式；以 及
[0016] 當(dāng)所述子圖片的數(shù)量大于或等于所述預(yù)設(shè)數(shù)量時，通過貪心策略確定所述多種整 合方式。
[0017] 可選的，將所述具有相同特征的子圖片生成一張整合圖片，并記錄每張子圖片的 位置信息，包括：
[0018] 將所述多張圖片上傳至整合服務(wù)器；
[0019] 接收所述整合服務(wù)器返回的所述整合圖片和每張子圖片的位置信息。
[0020] 可選的，還包括：
[0021] 判斷所述具有相同特征的子圖片與所述整合圖片中包含的子圖片是否匹配；
[0022] 若不匹配，則更新所述整合圖片和所述位置信息。
[0023] 根據(jù)本公開實施例的第二方面，提供一種網(wǎng)頁圖片的展現(xiàn)方法，包括：
[0024] 向服務(wù)器發(fā)送網(wǎng)頁圖片獲取請求；
[0025] 接收所述服務(wù)器返回的由具有相同特征的子圖片生成的整合圖片，以及所述子圖 片的位置信息；
[0026] 根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0027] 可選的，根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置包括：
[0028] 根據(jù)所述位置信息從所述整合圖片中獲取每張子圖片；
[0029] 將獲取的每張子圖片顯示在網(wǎng)頁的相應(yīng)位置。
[0030] 根據(jù)本公開實施例的第三方面，提供一種網(wǎng)頁圖片的展現(xiàn)裝置，包括：
[0031] 調(diào)用單元，用于調(diào)用具有相同特征的子圖片；
[0032] 處理單元，用于將所述具有相同特征的子圖片生成一張整合圖片，并記錄每張子 圖片的位置信息；
[0033] 傳輸單元，用于當(dāng)接收到終端發(fā)送的網(wǎng)頁圖片獲取請求時，將所述整合圖片和所 述位置信息發(fā)送至所述終端，以使所述終端根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的 相應(yīng)位置。
[0034] 可選的，所述處理單元包括：
[0035] 確定子單元，用于確定用于對所述子圖片進行整合的整合方式；
[0036] 選擇子單元，用于從所述整合方式中選擇對所述子圖片進行整合后占用面積最小 的整合方式；
[0037] 生成子單元，用于按照所述占用面積最小的整合方式將所述具有相同特征的子圖 片生成為所述整合圖片。
[0038] 可選的，所述確定子單元包括：
[0039] 數(shù)量判斷模塊，用于判斷所述子圖片的數(shù)量是否小于預(yù)設(shè)數(shù)量；
[0040] 策略確定模塊，用于在所述子圖片的數(shù)量小于預(yù)設(shè)數(shù)量的情況下，通過窮舉方式 確定所述多種整合方式；以及，在所述子圖片的數(shù)量大于或等于所述預(yù)設(shè)數(shù)量的情況下，通 過貪心策略確定所述多種整合方式。
[0041] 可選的，所述處理單元包括：
[0042] 上傳子單元，用于將所述多張圖片上傳至整合服務(wù)器；
[0043] 接收子單元，用于接收所述整合服務(wù)器返回的所述整合圖片和每張子圖片的位置 信息。
[0044] 可選的，還包括：
[0045] 判斷單元，用于判斷所述具有相同特征的子圖片與所述整合圖片中包含的子圖片 是否匹配；
[0046] 更新單元，用于在不匹配的情況下，更新所述整合圖片和所述位置信息。
[0047] 根據(jù)本公開實施例的第四方面，提供一種網(wǎng)頁圖片的展現(xiàn)裝置，包括：
[0048] 發(fā)送單元，用于向服務(wù)器發(fā)送網(wǎng)頁圖片獲取請求；
[0049] 接收單元，用于接收所述服務(wù)器返回的由具有相同特征的子圖片生成的整合圖 片，以及所述子圖片的位置信息；
[0050] 呈現(xiàn)單元，用于根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0051] 可選的，所述呈現(xiàn)單元包括：
[0052] 獲取子單元，用于根據(jù)所述位置信息從所述整合圖片中獲取每張子圖片；
[0053] 顯示子單元，用于將獲取的每張子圖片顯示在網(wǎng)頁的相應(yīng)位置。
[0054] 根據(jù)本公開實施例的第五方面，提供一種網(wǎng)頁圖片的展現(xiàn)裝置，包括：
[0055] 處理器；
[0056] 用于存儲處理器可執(zhí)行指令的存儲器；
[0057] 其中，所述處理器被配置為：
[0058] 調(diào)用具有相同特征的子圖片；
[0059] 將所述具有相同特征的子圖片生成一張整合圖片，并記錄每張子圖片的位置信 息；
[0060] 當(dāng)接收到終端發(fā)送的網(wǎng)頁圖片獲取請求時，將所述整合圖片和所述位置信息發(fā)送 至所述終端，以使所述終端根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0061] 根據(jù)本公開實施例的第六方面，提供一種網(wǎng)頁圖片的展現(xiàn)裝置，包括：
[0062] 處理器；
[0063] 用于存儲處理器可執(zhí)行指令的存儲器；
[0064] 其中，所述處理器被配置為：
[0065] 向服務(wù)器發(fā)送網(wǎng)頁圖片的獲取請求；
[0066] 接收所述服務(wù)器返回的由具有相同特征的子圖片生成的整合圖片，以及所述子圖 片的位置信息；
[0067] 根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0068] 本公開的實施例提供的技術(shù)方案可以包括以下有益效果：
[0069] 本公開通過將同一網(wǎng)頁包含的圖片生成為整合圖片，使得網(wǎng)頁展現(xiàn)時僅需要發(fā)起 一次請求，即請求該整合圖片，減少了網(wǎng)頁請求數(shù)量，從而有助于避免網(wǎng)絡(luò)資源的浪費，也 提高了網(wǎng)頁加載速度。
[0070] 本公開還通過對圖片整合方式的選擇，減小圖片的整合面積，以減小整合圖片的 數(shù)據(jù)量，從而提高整合圖片的傳輸速度，并進一步加快網(wǎng)頁加載速度。
[0071] 本公開還針對所需整合的子圖片數(shù)量，選用相應(yīng)的策略來確定對子圖片的整合方 式，有助于控制整體運算量，提高子圖片的整合效率。
[0072] 本公開還通過配置專用于圖片整合的整合服務(wù)器，有助于降低本地設(shè)備在執(zhí)行圖 片整合和位置信息記錄時的運算量。
[0073] 本公開還通過查看子圖片與整合圖片中包含的子圖片之間的匹配關(guān)系，及時更新 整合圖片和位置信息，以便確保在終端上實現(xiàn)最佳的網(wǎng)頁呈現(xiàn)效果。
[0074] 應(yīng)當(dāng)理解的是，以上的一般描述和后文的細節(jié)描述僅是示例性和解釋性的，并不 能限制本公開。

【專利附圖】

【附圖說明】
[0075] 此處的附圖被并入說明書中并構(gòu)成本說明書的一部分，示出了符合本公開的實施 例，并與說明書一起用于解釋本公開的原理。
[0076] 圖1是根據(jù)一示例性實施例示出的一種網(wǎng)頁圖片的展現(xiàn)方法的流程圖。
[0077] 圖2是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)方法的流程圖。
[0078] 圖3是根據(jù)一示例性實施例示出的網(wǎng)頁圖片的展現(xiàn)方法的應(yīng)用場景示意圖。
[0079] 圖4是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)方法的流程圖。
[0080] 圖5A-5B是根據(jù)一示例性實施例示出的根據(jù)二叉樹結(jié)構(gòu)確定整合方式的示意圖。
[0081] 圖6是根據(jù)一示例性實施例示出的一種網(wǎng)頁圖片的展現(xiàn)裝置的框圖。
[0082] 圖7是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)裝置的框圖。
[0083] 圖8是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)裝置的框圖。
[0084] 圖9是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)裝置的框圖。
[0085] 圖10是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)裝置的框圖。
[0086] 圖11是根據(jù)一示例性實施例示出的一種用于網(wǎng)頁圖片的展現(xiàn)裝置的一結(jié)構(gòu)示意 圖。
[0087] 圖12是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)裝置的框圖。
[0088] 圖13是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)裝置的框圖。
[0089] 圖14是根據(jù)一示例性實施例示出的一種用于網(wǎng)頁圖片的展現(xiàn)裝置的另一結(jié)構(gòu)示 意圖。

【具體實施方式】
[0090] 這里將詳細地對示例性實施例進行說明，其示例表示在附圖中。下面的描述涉及 附圖時，除非另有表示，不同附圖中的相同數(shù)字表示相同或相似的要素。以下示例性實施例 中所描述的實施方式并不代表與本公開相一致的所有實施方式。相反，它們僅是與如所附 權(quán)利要求書中所詳述的、本公開的一些方面相一致的裝置和方法的例子。
[0091] 在本公開使用的術(shù)語是僅僅出于描述特定實施例的目的，而非旨在限制本公開。 在本公開和所附權(quán)利要求書中所使用的單數(shù)形式的"一種"、"所述"和"該"也旨在包括多 數(shù)形式，除非上下文清楚地表示其他含義。還應(yīng)當(dāng)理解，本文中使用的術(shù)語"和/或"是指 并包含一個或多個相關(guān)聯(lián)的列出項目的任何或所有可能組合。
[0092] 應(yīng)當(dāng)理解，盡管在本公開可能采用術(shù)語第一、第二、第三等來描述各種信息，但這 些信息不應(yīng)限于這些術(shù)語。這些術(shù)語僅用來將同一類型的信息彼此區(qū)分開。例如，在不脫離 本公開范圍的情況下，第一信息也可以被稱為第二信息，類似地，第二信息也可以被稱為第 一信息。取決于語境，如在此所使用的詞語"如果"可以被解釋成為"在……時"或"當(dāng)…… 時"或"響應(yīng)于確定"。
[0093] 圖1是根據(jù)一示例性實施例示出的一種網(wǎng)頁圖片的展現(xiàn)方法的流程圖，如圖1所 示，該展現(xiàn)方法可以用于服務(wù)器中，包括以下步驟：
[0094] 在步驟101中，調(diào)用具有相同特征的子圖片；
[0095] 在本實施例中，例如該"相同特征"可以為"名稱"，即對子圖片的名稱進行預(yù)配置， 比如使得用于網(wǎng)頁展現(xiàn)的子圖片的名稱中包含指定的字符（例如"MI" ：samplel. MI. png， sample2. MI. png, sample3. MI. png......)，從而可以將這些用于網(wǎng)頁展現(xiàn)的子圖片與服務(wù)器 中存儲的其他圖片相互區(qū)分，并用于生成對應(yīng)的整合圖片。當(dāng)然，本公開并不限定"相同特 征"的具體類型，子圖片的任何屬性均可以作為該"相同特征"，以用于識別出對應(yīng)的子圖 片，且子圖片之間的"相同特征"可以為一種特征或多種特征的組合。例如作為另一實施例， 該"相同特征"還可以是"存儲路徑"，從而可以將處于同一存儲路徑的圖片，均作為用于網(wǎng) 頁展現(xiàn)的子圖片；或者，還可以將"名稱"和"存儲路徑"相結(jié)合，從而將處于同一路徑下、名 稱中包含相同字符的圖片作為用于網(wǎng)頁展現(xiàn)的子圖片。
[0096] 在本實施例中，以"名稱"為例進行說明。對應(yīng)于不同的網(wǎng)頁，可以使得用于每 個網(wǎng)頁的子圖片的名稱中包含不同的字符，比如對應(yīng)于網(wǎng)頁1的子圖片，其名稱中均包含 "Mil"（例如 sample 1. Mil. png，sample2. Mil. png，sample3. Mil. png......);對應(yīng)于網(wǎng)頁 2 的 子圖片，其名稱中均包含 "MI2"（例如 samplel. MI2. png，sample2. MI2. png，sample3. ΜΙ2· png……）等，從而使不同網(wǎng)頁對應(yīng)的子圖片之間也能夠相互區(qū)分，并用于分別生成對應(yīng)的 整合圖片。
[0097] 下面從網(wǎng)頁的開發(fā)層面，以針對"網(wǎng)頁1"的項目開發(fā)過程為例進行說明，其處理過 程如下：
[0098] 首先，將網(wǎng)頁1所需的子圖片進行規(guī)則地命名，比如使得用于網(wǎng)頁1的所有子圖片 的名稱均為"*.MIl.png"，其中為每張子圖片的唯一名稱，"Mil"為對應(yīng)于網(wǎng)頁1的識 別參數(shù)，則網(wǎng)頁1的開發(fā)項目的目錄結(jié)構(gòu)可以如下：
[0099] PATH/TO/THIS/PROJECT | auto.py | readme.md Lsample I lesl c、s Li mages samplel .MI 1 .png samplc2.MI 1 .png sample3.MI 1 .png
[0100] 其中的"samplel. Mil. png"、"sample2. Mil. png"、"sample3. Mil. png"即網(wǎng)頁 1 弓| 用的多張子圖片。其中，test, css中包含對各張子圖片的調(diào)用語句，比如：
[0101] . button {
[0102] background-image: url (，' images/samp lei. Mil. png"）；
[0103] }
[0104] 上述語句表達了：對存放路徑為"images/samplel. Mil. png"的子圖片"samplel. Mil. png"進行了調(diào)用。
[0105] 在步驟102中，將具有相同特征的子圖片生成一張整合圖片，并記錄每張子圖片 的位置信息；
[0106] 在本實施例中，通過記錄每張用于網(wǎng)頁展現(xiàn)的子圖片在整合圖片中的位置信息， 使得在執(zhí)行網(wǎng)頁展現(xiàn)時，能夠根據(jù)該位置信息在整合圖片中準(zhǔn)確獲取相應(yīng)的單張子圖片， 并用于展現(xiàn)在網(wǎng)頁上的相應(yīng)位置。
[0107] 仍以上述"網(wǎng)頁1"的開發(fā)為例：根據(jù)名稱調(diào)用網(wǎng)頁1展現(xiàn)所需的所有子圖片，t匕 如所有包含"Mil"的圖片，以用于生成相應(yīng)的整合圖片"auto. Mil. png"。同時，分別獲取 "samplel. Mil. png"、"sample2. Mil. png"、"sample3. Mil. png" 等在整合圖片 "auto. MIL png"中的位置信息。
[0108] 基于獲取的整合圖片和位置信息，需要將開發(fā)語句中對每張子圖片的調(diào)用修改為 對整合圖片的調(diào)用，并添加每張子圖片在整合圖片中的位置信息，以確保在網(wǎng)頁展現(xiàn)的過 程中，基于該位置信息在整合圖片中選取相應(yīng)的每張子圖片。此時，當(dāng)前項目的目錄結(jié)構(gòu)可 以更新為：
[0109] PATH/TO/THIS/PROJECT | auto.py | readme.md Lsample | lesi.ess Limages auto.MI 1 .png
[0110] 除了項目目錄，test, css的內(nèi)容也需要進行相應(yīng)的修改，具體如下：
[0111] ?button { background-image: url C "images/auto. Μ11 .pngO ; background-repeat: no-repeat; background-posilion:0px Opx; width:256px;
[0112] hcighl:256px; }
[0113] 一方面，子圖片的調(diào)用由 "images/sample 1. Mil. png" 修改為 "images/auto. Mil. png"，即由對"samplel. Mil. png"的調(diào)用更換為對"auto. Mil. png"的調(diào)用；另一方面，新添 的上述語句表明"881^161.101.?叩"在整合圖片中的位置信息為：以（0,0)點為端點（通 常為整合圖片的左上角）、寬度（如水平方向）為256px、長度（如堅直方向）為256px的 矩形區(qū)域。
[0114] 通過上述過程，使得網(wǎng)頁的開發(fā)過程被分為兩個部分：1)與整合圖片無關(guān)的開發(fā) 過程；2)基于整合圖片的語句調(diào)整過程。因此，在開發(fā)過程1)中，便于實現(xiàn)對子圖片的更 改、增減等，便于對開發(fā)語句的調(diào)試；而在開發(fā)過程2)中，則可以基于已經(jīng)調(diào)試完成的語 句，直接實現(xiàn)圖片整合和語句調(diào)整，有助于加快網(wǎng)頁項目的開發(fā)速度。
[0115] 在步驟103中，當(dāng)接收到終端發(fā)送的網(wǎng)頁圖片獲取請求時，將整合圖片和位置信 息發(fā)送至終端，以使終端根據(jù)位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0116] 在本實施例中，針對終端發(fā)送的網(wǎng)頁圖片獲取請求，可以通過返回整合圖片和相 應(yīng)的位置信息，從而將該網(wǎng)頁所需的所有圖片一次性返回終端。其中，終端在需要加載網(wǎng)頁 時會首先發(fā)起網(wǎng)頁獲取請求，以獲得該網(wǎng)頁對應(yīng)的網(wǎng)頁文檔；當(dāng)解析出該網(wǎng)頁文檔中對應(yīng) 于"圖片"的標(biāo)簽（tag)時，終端才會發(fā)起上述的"網(wǎng)頁圖片獲取請求"，以獲取整合圖片和 位置信息。
[0117] 由上述實施例可見，通過將每個網(wǎng)頁中的所有圖片（即子圖片）生成為整合圖片， 使得終端在請求網(wǎng)頁圖片時，可以通過獲取整合圖片而實現(xiàn)對所有圖片的一次性獲取，使 得對網(wǎng)頁圖片的請求次數(shù)不再關(guān)聯(lián)于網(wǎng)頁中包含圖片的數(shù)量，有效降低了圖片請求次數(shù)， 有助于降低對網(wǎng)絡(luò)資源的占用，并加快網(wǎng)頁的加載速度。
[0118] 在前述的網(wǎng)頁圖片的展現(xiàn)方法的實施例中，提出了基于服務(wù)器端的技術(shù)方案；相 應(yīng)的，本公開還提出了基于用戶端的實施例。
[0119] 如圖2所示，圖2是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)方法的流 程圖，該展現(xiàn)方法可以應(yīng)用于用戶側(cè)的終端或移動終端，可以包括以下步驟：
[0120] 在步驟201中，向服務(wù)器發(fā)送網(wǎng)頁圖片獲取請求；
[0121] 在步驟202中，接收服務(wù)器返回的由具有相同特征的子圖片生成的整合圖片，以 及子圖片的位置信息；
[0122] 在步驟203中，根據(jù)位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0123] 其中，根據(jù)位置信息將多張圖片中的每張圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置可以包括： 根據(jù)位置信息從整合圖片中獲取每張子圖片；將獲取的每張子圖片顯示在網(wǎng)頁的相應(yīng)位 置。
[0124] 在上述實施例中，僅需向服務(wù)器發(fā)起一次網(wǎng)頁圖片的獲取請求，即可獲取對應(yīng)于 網(wǎng)頁中的所有圖片的整合圖片，以用于根據(jù)該整合圖片和相應(yīng)的位置信息，將每張圖片分 別展現(xiàn)于網(wǎng)頁中，從而減少了請求發(fā)送次數(shù)，有助于降低網(wǎng)絡(luò)資源的占用、加快網(wǎng)頁展現(xiàn)速 度。
[0125] 作為一示例性實施例，圖3示出了一種網(wǎng)頁圖片的展現(xiàn)方法的應(yīng)用場景示意圖。
[0126] 如圖3所示，假定一網(wǎng)頁中包含左側(cè)所示的7張獨立的子圖片。首先，服務(wù)器側(cè)需 要將這7張子圖片的命名進行統(tǒng)一，比如采用Mil. png"的格式，從而表明這些子圖片需 要展現(xiàn)在同一網(wǎng)頁中。
[0127] 服務(wù)器可以根據(jù)名稱中包含的識別參數(shù)（如上述的"Mil"）來調(diào)用當(dāng)前網(wǎng)頁對應(yīng) 的所有子圖片，并在本地完成整合圖片的生成。從理論上而言，只要多張子圖片之間不存在 交叉重疊等現(xiàn)象，即確保每張子圖片在整合圖片中的獨立性，該整合圖片即可應(yīng)用于相應(yīng) 網(wǎng)頁的展現(xiàn)中。
[0128] 可選的，由于終端在展現(xiàn)網(wǎng)頁時，是根據(jù)位置信息從整合圖片中獲取每張子圖片 的，因而為了方便對每張子圖片的獲取，并且降低記錄的位置信息的復(fù)雜度，需要在整合處 理的過程中加以更多干涉。該干涉過程可以包括：
[0129] 如圖3所示，將每張子圖片對應(yīng)的占用區(qū)域都擴展為虛線所示的矩形區(qū)域中，且 多張子圖片之間的矩形區(qū)域相互不重疊。因此，僅需要記錄每個矩形區(qū)域的一個端點的坐 標(biāo)信息以及該矩形區(qū)域的長、寬，即可在整合圖片上唯一確定相應(yīng)的子圖片。
[0130] 作為一不例性實施例，圖3中以整合圖片的左上角為原點0(0, 0)來建立坐標(biāo)系 Χ0Υ，則可以分別記錄每張子圖片的位置信息。比如最左側(cè)的"時鐘"子圖片的位置信息 可以為：{(〇,〇)、256?1、260?1}，表明在整合圖片中以（0,0)為端點、沿父軸方向取長度為 256px(像素）、沿Y軸方向取寬度為260px，即可獲取該"時鐘"子圖片。再比如與"時鐘" 子圖片相鄰的"笑臉"子圖片的位置信息可以為：{(262, 137)、128、123}，表明在整合圖片中 以（262, 137)為端點、沿X軸方向取長度為128px、沿Y軸方向取寬度為123px，即可獲取該 "笑臉"子圖片。
[0131] 在相關(guān)技術(shù)中，終端在展現(xiàn)該網(wǎng)頁時，需要向服務(wù)器分別發(fā)送7次網(wǎng)頁圖片的獲 取請求，以分別獲取這7張獨立圖片。而在本公開的技術(shù)方案中，通過將這7張子圖片整合 為一張整合圖片，使得終端僅需要發(fā)送一次網(wǎng)頁圖片的獲取請求，即可獲取該整合圖片，并 據(jù)此實現(xiàn)對網(wǎng)頁中所有圖片的展現(xiàn)。當(dāng)然，圖3僅示出了一種示例性的圖片整合方式，而對 于多張子圖片的整合，實際上可能存在很多種不同情況。因此，可以根據(jù)實際需求來確定采 用的整合方式。
[0132] 此外，本公開中的"相應(yīng)位置"是指每張子圖片在網(wǎng)頁上被配置的展現(xiàn)位置，由瀏 覽器根據(jù)對網(wǎng)頁文檔（如HTML (HyperText Mark-up Language,超文本標(biāo)記語言）文檔）的 解析，即可確定每張子圖片在網(wǎng)頁上的展現(xiàn)位置。比如圖3中，"時鐘"子圖片展現(xiàn)在網(wǎng)頁的 右上角、"笑臉"子圖片展現(xiàn)在網(wǎng)頁的左上角等。
[0133] 如圖4所示，圖4示出了根據(jù)一示例性實施例示出的一種網(wǎng)頁圖片的展現(xiàn)方法的 流程圖，該方法的實現(xiàn)步驟可以包括：
[0134] 在步驟401中，調(diào)用具有相同特征的子圖片；
[0135] 在步驟402中，確定用于對所述子圖片進行整合的整合方式；
[0136] 在本實施例中，作為一不例性實施例，由于多張子圖片的每種整合方式，實際上都 可以通過相應(yīng)的二叉樹結(jié)構(gòu)來進行表示，因而可以根據(jù)多張子圖片對應(yīng)的二叉樹結(jié)構(gòu)來確 定相應(yīng)的整合方式。
[0137] 比如圖5A中，以"圖1"、"圖2"和"圖3"的整合為例，說明了二叉樹結(jié)構(gòu)與整合 方式之間的相互關(guān)系。首先，確定"圖1"、"圖2"和"圖3"的數(shù)量，即共3張子圖片；然后， 根據(jù)數(shù)量生成圖5A左側(cè)所示的二叉樹結(jié)構(gòu)，該結(jié)構(gòu)中沿Y軸方向（即堅直方向）的線A將 "圖1"與其他子圖片之間分離，并通過沿X軸方向（即水平方向）的線B將"圖2"和"圖 3"之間分離；最后，基于上述的二叉樹結(jié)構(gòu)，即可生成圖3B右側(cè)所示的整合結(jié)果。
[0138] 類似地，如圖5B所示，示出了對"圖1"、"圖2 "和"圖3 "進行整合的另一整合方 式：在圖5B左側(cè)所示的二叉樹結(jié)構(gòu)中，通過沿Y軸方向的線A將"圖1"與其他子圖片之間 分離，并通過沿Y軸方向的線B將"圖2"和"圖3"之間分離，從而基于該二叉樹結(jié)構(gòu)，即可 生成圖5B右側(cè)所示的整合結(jié)果。
[0139] 在步驟403中，從整合方式中選擇對子圖片進行整合后占用面積最小的整合方 式；
[0140] 在本實施例中，結(jié)合圖5A和圖5B所示的實施例：根據(jù)每種二叉樹結(jié)構(gòu)，就可以確 定"圖1"、"圖2"和"圖3"對應(yīng)的整合圖片（如圖5A和圖5B的右側(cè)所示），并由此計算相 應(yīng)的整合后占用面積。比如圖5A中，整合后占用面積即"圖1"、"圖2"和"圖3"的面積之 和；而在圖5B中，整合后占用面積為虛線所示的矩形的面積，即三個"圖1"的面積之和。因 此，圖5A對應(yīng)的整合方式可以被認為優(yōu)于圖5B對應(yīng)的整合方式。
[0141] 在步驟404中，按照占用面積最小的整合方式將具有相同特征的子圖片生成整合 圖片，并記錄每張子圖片在整合圖片中的位置信息。
[0142] 在本實施例中，通過比較各個整合方式對應(yīng)的整合后占用面積的大小，從而可以 選出整合后占用面積最小的整合方式，并使得相應(yīng)的整合圖片的數(shù)據(jù)量最小，有助于縮短 整合圖片的傳輸時間，加快相應(yīng)網(wǎng)頁的展現(xiàn)速度。
[0143] 其中，當(dāng)所需整合的子圖片的數(shù)量一定時，其對應(yīng)的二叉樹結(jié)構(gòu)也能夠確定。但 是，當(dāng)子圖片數(shù)量較大時，其對應(yīng)的二叉樹結(jié)構(gòu)的數(shù)量將非常多，甚至遠大于η ! (η為子圖 片數(shù)量，η!表示η的階乘）。因此，為了控制整合處理過程中的計算量，提高整合效率，可 以進一步采用下述方式：
[0144] 判斷子圖片的數(shù)量是否小于預(yù)設(shè)數(shù)量。其中，當(dāng)子圖片的數(shù)量小于預(yù)設(shè)數(shù)量時，通 過窮舉方式確定多種整合方式，即列舉出子圖片對應(yīng)的所有情況下的整合方式，并--確 定相應(yīng)的整合后占用面積，以選擇出占用面積最小的整合方式。同時，當(dāng)子圖片的數(shù)量大于 或等于預(yù)設(shè)數(shù)量時，可以通過貪心策略等確定多種整合方式。當(dāng)采用貪心策略等方式時，每 次總考慮當(dāng)前最優(yōu)解，從而通過多次試探，能夠得到有限個數(shù)的相對較優(yōu)的整合方式，從而 能夠在當(dāng)前確定了的所有二叉樹結(jié)構(gòu)中，選擇出整合后占用面積最小的整合方式。
[0145] 需要說明的是：
[0146] 在確定了最終所需要采用的整合方式后，本地設(shè)備執(zhí)行對子圖片的整合處理。在 整合處理的過程中，基于每張子圖片的長、寬等參數(shù)，以及多張子圖片之間的位置關(guān)系，即 可獲取和記錄每張子圖片對應(yīng)的位置信息，以用于最終的網(wǎng)頁展現(xiàn)。
[0147] 此外，除了在服務(wù)器本地執(zhí)行整合處理，還可以配置另一整合服務(wù)器，使其專用于 對子圖片進行整合處理，則相應(yīng)的處理步驟可以包括：將子圖片上傳至整合服務(wù)器；接收 整合服務(wù)器返回的整合圖片和每張子圖片的位置信息。
[0148] 其中，通過配置專用于子圖片整合的整合服務(wù)器，有助于節(jié)省本地服務(wù)器的運算 資源。并且，當(dāng)整合服務(wù)器的配置較高時，有助于提高對子圖片的整合效率。其中，整合服 務(wù)器也可以采用圖4所示的技術(shù)方案，確保選用整合后占用面積最小的整合方式，以減小 整合圖片的數(shù)據(jù)量、提高整合圖片的傳輸效率以及加快網(wǎng)頁的展現(xiàn)速度。
[0149] 在步驟405中，當(dāng)接收到終端發(fā)送的網(wǎng)頁圖片獲取請求時，將整合圖片和位置信 息發(fā)送至終端，以使終端根據(jù)位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0150] 在上述任一網(wǎng)頁圖片的展現(xiàn)方法的實施例中，還可以判斷具有相同特征的子圖片 與整合圖片中包含的子圖片是否匹配；若不匹配，則更新整合圖片和位置信息，從而確保終 端獲取的整合圖片和位置信息總是最新數(shù)據(jù)，以使得呈現(xiàn)出最佳的網(wǎng)頁展現(xiàn)效果。
[0151] 與前述的基于服務(wù)器側(cè)的網(wǎng)頁圖片的展現(xiàn)方法的實施例相對應(yīng)，本公開還提供了 用于服務(wù)器側(cè)的網(wǎng)頁圖片的展現(xiàn)裝置的實施例。
[0152] 圖6是根據(jù)一示例性實施例示出的一種網(wǎng)頁圖片的展現(xiàn)裝置的框圖。如圖6所示， 該展現(xiàn)裝置包括：調(diào)用單元61、處理單元62和傳輸單元63。
[0153] 其中，調(diào)用單元61，被配置為調(diào)用具有相同特征的子圖片；
[0154] 處理單元62,被配置將具有相同特征的子圖片生成一張整合圖片，并記錄每張子 圖片的位置信息；
[0155] 傳輸單元63,被配置為當(dāng)接收到終端發(fā)送的網(wǎng)頁圖片獲取請求時，將整合圖片和 位置信息發(fā)送至終端，以使終端根據(jù)位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0156] 在上述實施例中，通過將每個網(wǎng)頁中的所有圖片（即子圖片）生成為整合圖片，使 得終端在請求網(wǎng)頁圖片時，可以通過獲取整合圖片而實現(xiàn)對所有圖片的一次性獲取，使得 對網(wǎng)頁圖片的請求次數(shù)不再關(guān)聯(lián)于網(wǎng)頁中包含圖片的數(shù)量，有效降低了圖片請求次數(shù)，有 助于降低對網(wǎng)絡(luò)資源的占用，并加快網(wǎng)頁的加載速度。
[0157] 如圖7所示，圖7是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)裝置的框 圖，該實施例在前述圖6所示實施例的基礎(chǔ)上，處理單元62可以包括：確定子單元621、選 擇子單元622和生成子單元623。
[0158] 其中，確定子單元621，被配置為確定用于對子圖片進行整合的整合方式；
[0159] 選擇子單元622,被配置為從整合方式中選擇對子圖片進行整合后占用面積最小 的整合方式；
[0160] 生成子單元623,被配置為按照占用面積最小的整合方式將具有相同特征的子圖 片生成為整合圖片。
[0161] 在上述實施例中，通過比較各個整合方式對應(yīng)的整合后占用面積的大小，從而可 以選出整合后占用面積最小的整合方式，并使得相應(yīng)的整合圖片的數(shù)據(jù)量最小，有助于縮 短整合圖片的傳輸時間，加快相應(yīng)網(wǎng)頁的展現(xiàn)速度。
[0162] 當(dāng)然，本領(lǐng)域技術(shù)人員可以理解的是：采用任意方式對子圖片進行整合后，生成的 整合圖片均能夠適用于本公開的技術(shù)方案中。
[0163] 如圖8所示，圖8是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)裝置的框 圖，該實施例在前述圖7所示實施例的基礎(chǔ)上，確定子單元621可以包括：數(shù)量判斷模塊 621A和策略確定模塊621B。
[0164] 其中，數(shù)量判斷模塊621A，被配置為判斷子圖片的數(shù)量是否小于預(yù)設(shè)數(shù)量；
[0165] 策略確定模塊621B，被配置為在子圖片的數(shù)量小于預(yù)設(shè)數(shù)量的情況下，通過窮舉 方式確定多種整合方式；以及，在子圖片的數(shù)量大于或等于預(yù)設(shè)數(shù)量的情況下，通過貪心策 略確定多種整合方式。
[0166] 在上述實施例中，通過針對不同情況而采用不同的策略，有助于在子圖片數(shù)量較 少（比如小于預(yù)設(shè)數(shù)量）時，通過窮舉方式來使得整合后占用面積最?。欢谧訄D片數(shù)量較 多（比如大于或等于預(yù)設(shè)數(shù)量）時，通過如貪心策略等來減小運算量，并在得到的多種整合 方式中選擇整合后占用面積相對最小的整合方式。
[0167] 如圖9所示，圖9是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)裝置的框 圖，該實施例在前述圖6所示實施例的基礎(chǔ)上，處理單元62可以包括：上傳子單元624和接 收子單元625。
[0168] 其中，上傳子單元624,被配置為將子圖片上傳至整合服務(wù)器；
[0169] 接收子單元625,被配置為接收整合服務(wù)器返回的整合圖片和每張子圖片的位置 信息。
[0170] 需要說明的是，上述圖9所示的裝置實施例中的獲取單元62的結(jié)構(gòu)也可以包含在 前述圖6至圖8任意一個裝置實施例中，對此本公開不進行限制。
[0171] 在上述實施例中，通過配置專用于圖片整合的整合服務(wù)器，有助于節(jié)省本地服務(wù) 器的運算資源。并且，當(dāng)整合服務(wù)器的配置較高時，有助于提高對子圖片的整合效率。
[0172] 如圖10所示，圖10是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)裝置的 框圖，該實施例在前述圖6所示實施例的基礎(chǔ)上，還可以包括：判斷單元64和更新單元65。
[0173] 其中，判斷單元64,被配置為判斷所述具有相同特征的子圖片與所述整合圖片中 包含的子圖片是否匹配；
[0174] 更新單元65,被配置為在不匹配的情況下，更新所述整合圖片和所述位置信息。
[0175] 在上述實施例中，通過查看子圖片與整合圖片中包含的子圖片之間的匹配關(guān)系， 及時更新整合圖片和位置信息，以便確保在終端上實現(xiàn)最佳的網(wǎng)頁呈現(xiàn)效果。
[0176] 上述裝置中各個單元的功能和作用的實現(xiàn)過程具體詳見上述方法中對應(yīng)步驟的 實現(xiàn)過程，在此不再贅述。
[0177] 對于裝置實施例而言，由于其基本對應(yīng)于方法實施例，所以相關(guān)之處參見方法實 施例的部分說明即可。以上所描述的裝置實施例僅僅是示意性的，其中作為分離部件說明 的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是 物理單元，即可以位于一個地方，或者也可以分布到多個網(wǎng)絡(luò)單元上?？梢愿鶕?jù)實際的需要 選擇其中的部分或者全部模塊來實現(xiàn)本公開方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng) 造性勞動的情況下，即可以理解并實施。
[0178] 相應(yīng)的，本公開還提供一種網(wǎng)頁圖片的展現(xiàn)裝置，包括：處理器；用于存儲處理器 可執(zhí)行指令的存儲器；其中，處理器被配置為：調(diào)用具有相同特征的子圖片；將所述具有相 同特征的子圖片生成一張整合圖片，并記錄每張子圖片的位置信息；當(dāng)接收到終端發(fā)送的 網(wǎng)頁圖片獲取請求時，將整合圖片和位置信息發(fā)送至終端，以使終端根據(jù)位置信息將每張 子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0179] 相應(yīng)的，本公開還提供一種服務(wù)器，服務(wù)器包括有存儲器，以及一個或者一個以上 的程序，其中一個或者一個以上程序存儲于存儲器中，且經(jīng)配置以由一個或者一個以上處 理器執(zhí)行一個或者一個以上程序包含用于進行以下操作的指令：調(diào)用具有相同特征的子圖 片；將所述具有相同特征的子圖片生成一張整合圖片，并記錄每張子圖片的位置信息；當(dāng) 接收到終端發(fā)送的網(wǎng)頁圖片的獲取請求時，將整合圖片和位置信息發(fā)送至終端，以使終端 根據(jù)位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0180] 如圖11所示，圖11是根據(jù)一示例性實施例示出的一種用于網(wǎng)頁圖片的展現(xiàn)裝置 的一結(jié)構(gòu)示意圖。例如，裝置1100可以被提供為一服務(wù)器。參照圖11，裝置1100包括處理 組件1122,其進一步包括一個或多個處理器，以及由存儲器1132所代表的存儲器資源，用 于存儲可由處理部件1122的執(zhí)行的指令，例如應(yīng)用程序。存儲器1132中存儲的應(yīng)用程序 可以包括一個或一個以上的每一個對應(yīng)于一組指令的模塊。此外，處理組件1122被配置為 執(zhí)行指令，以執(zhí)行上述網(wǎng)頁圖片的展現(xiàn)方法。
[0181] 裝置1100還可以包括一個電源組件1126被配置為執(zhí)行裝置1100的電源管理，一 個有線或無線網(wǎng)絡(luò)接口 1150被配置為將裝置1100連接到網(wǎng)絡(luò)，和一個輸入輸出（I/O)接 口 1158。裝置1100可以操作基于存儲在存儲器1132的操作系統(tǒng)，例如Windows ServerTM， Mac OS XTM，UnixTM, LinuxTM，F(xiàn)reeBSDTM 或類似。
[0182] 與前述的基于終端側(cè)的網(wǎng)頁圖片的展現(xiàn)方法的實施例相對應(yīng)，本公開還提供了基 于終端側(cè)的網(wǎng)頁圖片的展現(xiàn)裝置的實施例。
[0183] 如圖12所示，圖12是根據(jù)一示例性實施例示出的一種網(wǎng)頁圖片的展現(xiàn)裝置的框 圖，該展現(xiàn)裝置可以包括：發(fā)送單元1201、接收單元1202和呈現(xiàn)單元1203。
[0184] 其中，發(fā)送單元1201，被配置為向服務(wù)器發(fā)送網(wǎng)頁圖片獲取請求；
[0185] 接收單元1202,被配置為接收服務(wù)器返回的由具有相同特征的子圖片生成的整合 圖片，以及子圖片的位置信息；
[0186] 呈現(xiàn)單元1203,被配置為根據(jù)位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0187] 在上述實施例中，僅需向服務(wù)器發(fā)起一次網(wǎng)頁圖片的獲取請求，即可獲取對應(yīng)于 網(wǎng)頁中的所有圖片的整合圖片，以用于根據(jù)該整合圖片和相應(yīng)的位置信息，將每張子圖片 分別展現(xiàn)于網(wǎng)頁中，從而減少了請求發(fā)送次數(shù)，有助于降低網(wǎng)絡(luò)資源的占用、加快網(wǎng)頁展現(xiàn) 速度。
[0188] 如圖13所示，圖13是根據(jù)一示例性實施例示出的另一種網(wǎng)頁圖片的展現(xiàn)裝置的 框圖，該實施例在前述圖12所示實施例的基礎(chǔ)上，呈現(xiàn)單元1203可以包括：獲取子單元 1203A和顯示子單元1203B。
[0189] 獲取子單元1203A，被配置為根據(jù)位置信息從整合圖片中獲取每張子圖片；
[0190] 顯示子單元1203B，被配置為將獲取的每張子圖片顯示在網(wǎng)頁的相應(yīng)位置。
[0191] 上述裝置中各個單元的功能和作用的實現(xiàn)過程具體詳見上述方法中對應(yīng)步驟的 實現(xiàn)過程，在此不再贅述。
[0192] 對于裝置實施例而言，由于其基本對應(yīng)于方法實施例，所以相關(guān)之處參見方法實 施例的部分說明即可。以上所描述的裝置實施例僅僅是示意性的，其中作為分離部件說明 的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是 物理單元，即可以位于一個地方，或者也可以分布到多個網(wǎng)絡(luò)單元上?？梢愿鶕?jù)實際的需要 選擇其中的部分或者全部模塊來實現(xiàn)本公開方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng) 造性勞動的情況下，即可以理解并實施。
[0193] 相應(yīng)的，本公開還提供一種網(wǎng)頁圖片的展現(xiàn)裝置，包括：處理器；用于存儲處理器 可執(zhí)行指令的存儲器；其中，處理器被配置為：向服務(wù)器發(fā)送網(wǎng)頁圖片獲取請求；接收服務(wù) 器返回的由具有相同特征的子圖片生成的整合圖片，以及每張子圖片的位置信息；根據(jù)位 置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0194] 相應(yīng)的，本公開還提供一種終端，終端包括有存儲器，以及一個或者一個以上的程 序，其中一個或者一個以上程序存儲于存儲器中，且經(jīng)配置以由一個或者一個以上處理器 執(zhí)行一個或者一個以上程序包含用于進行以下操作的指令：向服務(wù)器發(fā)送網(wǎng)頁圖片獲取請 求；接收服務(wù)器返回的由具有相同特征的子圖片生成的整合圖片，以及子圖片的位置信息； 根據(jù)位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0195] 如圖14所示，圖14是根據(jù)一示例性實施例示出的一種用于網(wǎng)頁圖片的展現(xiàn)裝置 的一結(jié)構(gòu)示意圖。例如，裝置1400可以是移動電話，計算機，數(shù)字廣播終端，消息收發(fā)設(shè)備， 游戲控制臺，平板設(shè)備，醫(yī)療設(shè)備，健身設(shè)備，個人數(shù)字助理等。
[0196] 參照圖14,裝置1400可以包括以下一個或多個組件：處理組件1402,存儲器 1404,電源組件1406,多媒體組件1408,音頻組件1410,輸入/輸出（I/O)的接口 812,傳感 器組件1414,以及通信組件1416。
[0197] 處理組件1402通?？刂蒲b置1400的整體操作，諸如與顯示，電話呼叫，數(shù)據(jù)通信， 相機操作和記錄操作相關(guān)聯(lián)的操作。處理元件1402可以包括一個或多個處理器1420來執(zhí) 行指令，以完成上述的方法的全部或部分步驟。此外，處理組件1402可以包括一個或多個 模塊，便于處理組件1402和其他組件之間的交互。例如，處理部件1402可以包括多媒體模 塊，以方便多媒體組件1408和處理組件1402之間的交互。
[0198] 存儲器1404被配置為存儲各種類型的數(shù)據(jù)以支持在設(shè)備1400的操作。這些數(shù)據(jù) 的示例包括用于在裝置1400上操作的任何應(yīng)用程序或方法的指令，聯(lián)系人數(shù)據(jù)，電話簿數(shù) 據(jù)，消息，圖片，視頻等。存儲器1404可以由任何類型的易失性或非易失性存儲設(shè)備或者它 們的組合實現(xiàn)，如靜態(tài)隨機存取存儲器（SRAM)，電可擦除可編程只讀存儲器（EEPR0M)，可 擦除可編程只讀存儲器（EPROM)，可編程只讀存儲器（PR0M)，只讀存儲器（R0M)，磁存儲器， 快閃存儲器，磁盤或光盤。
[0199] 電源組件1406為裝置1400的各種組件提供電力。電源組件1406可以包括電源 管理系統(tǒng)，一個或多個電源，及其他與為裝置1400生成、管理和分配電力相關(guān)聯(lián)的組件。
[0200] 多媒體組件1408包括在裝置1400和用戶之間的提供一個輸出接口的屏幕。在一 些實施例中，屏幕可以包括液晶顯示器（LCD)和觸摸面板（TP)。如果屏幕包括觸摸面板， 屏幕可以被實現(xiàn)為觸摸屏，以接收來自用戶的輸入信號。觸摸面板包括一個或多個觸摸傳 感器以感測觸摸、滑動和觸摸面板上的手勢。觸摸傳感器可以不僅感測觸摸或滑動動作的 邊界，而且還檢測與觸摸或滑動操作相關(guān)的持續(xù)時間和壓力。在一些實施例中，多媒體組件 1408包括一個前置攝像頭和/或后置攝像頭。當(dāng)裝置1400處于操作模式，如拍攝模式或視 頻模式時，前置攝像頭和/或后置攝像頭可以接收外部的多媒體數(shù)據(jù)。每個前置攝像頭和 后置攝像頭可以是一個固定的光學(xué)透鏡系統(tǒng)或具有焦距和光學(xué)變焦能力。
[0201] 音頻組件1410被配置為輸出和/或輸入音頻信號。例如，音頻組件1410包括一 個麥克風(fēng)（MIC)，當(dāng)裝置1400處于操作模式，如呼叫模式、記錄模式和語音識別模式時，麥 克風(fēng)被配置為接收外部音頻信號。所接收的音頻信號可以被進一步存儲在存儲器1404或 經(jīng)由通信組件1416發(fā)送。在一些實施例中，音頻組件1410還包括一個揚聲器，用于輸出音 頻信號。
[0202] I/O接口 1412為處理組件1402和外圍接口模塊之間提供接口，上述外圍接口模塊 可以是鍵盤，點擊輪，按鈕等。這些按鈕可包括但不限于：主頁按鈕、音量按鈕、啟動按鈕和 鎖定按鈕。
[0203] 傳感器組件1414包括一個或多個傳感器，用于為裝置1400提供各個方面的狀態(tài) 評估。例如，傳感器組件1414可以檢測到裝置1400的打開/關(guān)閉狀態(tài)，組件的相對定位，例 如組件為裝置1400的顯示器和小鍵盤，傳感器組件1414還可以檢測裝置1400或裝置1400 一個組件的位置改變，用戶與裝置1400接觸的存在或不存在，裝置1400方位或加速/減速 和裝置1400的溫度變化。傳感器組件1414可以包括接近傳感器，被配置用來在沒有任何 的物理接觸時檢測附近物體的存在。傳感器組件1414還可以包括光傳感器，如CMOS或(XD 圖像傳感器，用于在成像應(yīng)用中使用。在一些實施例中，該傳感器組件1414還可以包括加 速度傳感器，陀螺儀傳感器，磁傳感器，壓力傳感器或溫度傳感器。
[0204] 通信組件1416被配置為便于裝置1400和其他設(shè)備之間有線或無線方式的通信。 裝置1400可以接入基于通信標(biāo)準(zhǔn)的無線網(wǎng)絡(luò)，如WiFi，2G或3G，或它們的組合。在一個示 例性實施例中，通信部件1416經(jīng)由廣播信道接收來自外部廣播管理系統(tǒng)的廣播信號或廣 播相關(guān)信息。在一個示例性實施例中，通信部件1416還包括近場通信（NFC)模塊，以促進 短程通信。例如，在NFC模塊可基于射頻識別（RFID)技術(shù)，紅外數(shù)據(jù)協(xié)會（IrDA)技術(shù)，超 寬帶（UWB)技術(shù)，藍牙（BT)技術(shù)和其他技術(shù)來實現(xiàn)。
[0205] 在示例性實施例中，裝置1400可以被一個或多個應(yīng)用專用集成電路（ASIC)、數(shù)字 信號處理器（DSP)、數(shù)字信號處理設(shè)備（DSPD)、可編程邏輯器件（PLD)、現(xiàn)場可編程門陣列 (FPGA)、控制器、微控制器、微處理器或其他電子元件實現(xiàn)，用于執(zhí)行上述方法。
[0206] 在示例性實施例中，還提供了一種包括指令的非臨時性計算機可讀存儲介質(zhì)，例 如包括指令的存儲器1404,上述指令可由裝置1400的處理器1420執(zhí)行以完成上述網(wǎng)頁圖 片的展現(xiàn)方法。例如，非臨時性計算機可讀存儲介質(zhì)可以是ROM、隨機存取存儲器（RAM)、 ⑶-ROM、磁帶、軟盤和光數(shù)據(jù)存儲設(shè)備等。
[0207] 此外，本公開還提供了：
[0208] 一種非臨時性計算機可讀存儲介質(zhì)，當(dāng)存儲介質(zhì)中的指令由服務(wù)器的處理器執(zhí)行 時，使得服務(wù)器能夠執(zhí)行一種網(wǎng)頁圖片的展現(xiàn)方法，方法包括：
[0209] 調(diào)用具有相同特征的子圖片；
[0210] 將所述具有相同特征的子圖片生成一張整合圖片，并記錄每張子圖片的位置信 息；
[0211] 當(dāng)接收到終端發(fā)送的網(wǎng)頁圖片獲取請求時，將整合圖片和位置信息發(fā)送至終端， 以使終端根據(jù)位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0212] 可選的，將所述具有相同特征的子圖片生成一張整合圖片，包括：
[0213] 確定用于對所述子圖片進行整合的整合方式；
[0214] 從所述整合方式中選擇對所述子圖片進行整合后占用面積最小的整合方式；
[0215] 按照所述占用面積最小的整合方式將所述具有相同特征的子圖片生成所述整合 圖片。
[0216] 可選的，確定用于對所述子圖片進行整合的整合方式包括：
[0217] 判斷所述子圖片的數(shù)量是否小于預(yù)設(shè)數(shù)量；
[0218] 當(dāng)所述子圖片的數(shù)量小于預(yù)設(shè)數(shù)量時，通過窮舉方式確定所述多種整合方式；以 及
[0219] 當(dāng)所述子圖片的數(shù)量大于或等于所述預(yù)設(shè)數(shù)量時，通過貪心策略確定所述多種整 合方式。
[0220] 可選的，將所述具有相同特征的子圖片生成一張整合圖片，并記錄每張子圖片的 位置信息，包括：
[0221] 將所述多張圖片上傳至整合服務(wù)器；
[0222] 接收所述整合服務(wù)器返回的所述整合圖片和每張子圖片的位置信息。
[0223] 可選的，還包括：
[0224] 判斷所述具有相同特征的子圖片與所述整合圖片中包含的子圖片是否匹配；
[0225] 若不匹配，則更新所述整合圖片和所述位置信息。
[0226] -種非臨時性計算機可讀存儲介質(zhì)，當(dāng)存儲介質(zhì)中的指令由終端的處理器執(zhí)行 時，使得終端能夠執(zhí)行一種網(wǎng)頁圖片的展現(xiàn)方法，方法包括：
[0227] 向服務(wù)器發(fā)送網(wǎng)頁圖片獲取請求；
[0228] 接收服務(wù)器返回的由具有相同特征的子圖片生成的整合圖片，以及每張子圖片的 位置信息；
[0229] 根據(jù)位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
[0230] 可選的，根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置包括：
[0231] 根據(jù)所述位置信息從所述整合圖片中獲取每張子圖片；
[0232] 將獲取的每張子圖片顯示在網(wǎng)頁的相應(yīng)位置。
[0233] 本領(lǐng)域技術(shù)人員在考慮說明書及實踐這里公開的發(fā)明后，將容易想到本公開的其 它實施方案。本申請旨在涵蓋本公開的任何變型、用途或者適應(yīng)性變化，這些變型、用途或 者適應(yīng)性變化遵循本公開的一般性原理并包括本公開未公開的本【技術(shù)領(lǐng)域】中的公知常識 或慣用技術(shù)手段。說明書和實施例僅被視為示例性的，本公開的真正范圍和精神由下面的 權(quán)利要求指出。
[0234] 應(yīng)當(dāng)理解的是，本公開并不局限于上面已經(jīng)描述并在附圖中示出的精確結(jié)構(gòu)，并 且可以在不脫離其范圍進行各種修改和改變。本發(fā)明的范圍僅由所附的權(quán)利要求來限制。
【權(quán)利要求】
1. 一種網(wǎng)頁圖片的展現(xiàn)方法，其特征在于，包括： 調(diào)用具有相同特征的子圖片； 將所述具有相同特征的子圖片生成一張整合圖片，并記錄每張子圖片的位置信息； 當(dāng)接收到終端發(fā)送的網(wǎng)頁圖片獲取請求時，將所述整合圖片和所述位置信息發(fā)送至所 述終端，以使所述終端根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
2. 根據(jù)權(quán)利要求1所述的展現(xiàn)方法，其特征在于，將所述具有相同特征的子圖片生成 一張整合圖片，包括： 確定用于對所述子圖片進行整合的整合方式； 從所述整合方式中選擇對所述子圖片進行整合后占用面積最小的整合方式； 按照所述占用面積最小的整合方式將所述具有相同特征的子圖片生成所述整合圖片。
3. 根據(jù)權(quán)利要求2所述的展現(xiàn)方法，其特征在于，確定用于對所述子圖片進行整合的 整合方式包括： 判斷所述子圖片的數(shù)量是否小于預(yù)設(shè)數(shù)量； 當(dāng)所述子圖片的數(shù)量小于預(yù)設(shè)數(shù)量時，通過窮舉方式確定所述多種整合方式，當(dāng)所述 子圖片的數(shù)量大于或等于所述預(yù)設(shè)數(shù)量時，通過貪心策略確定所述多種整合方式。
4. 根據(jù)權(quán)利要求1所述的展現(xiàn)方法，其特征在于，將所述具有相同特征的子圖片生成 一張整合圖片，并記錄每張子圖片的位置信息，包括： 將所述子圖片上傳至整合服務(wù)器； 接收所述整合服務(wù)器返回的所述整合圖片和每張子圖片的位置信息。
5. 根據(jù)權(quán)利要求1所述的展現(xiàn)方法，其特征在于，還包括： 判斷所述具有相同特征的子圖片與所述整合圖片中包含的子圖片是否匹配； 若不匹配，則更新所述整合圖片和所述位置信息。
6. -種網(wǎng)頁圖片的展現(xiàn)方法，其特征在于，包括： 向服務(wù)器發(fā)送網(wǎng)頁圖片獲取請求； 接收所述服務(wù)器返回的由具有相同特征的子圖片生成的整合圖片，以及所述子圖片的 位置信息； 根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
7. 根據(jù)權(quán)利要求6所述的展現(xiàn)方法，其特征在于，根據(jù)所述位置信息將每張子圖片呈 現(xiàn)在網(wǎng)頁的相應(yīng)位置包括： 根據(jù)所述位置信息從所述整合圖片中獲取每張子圖片； 將獲取的每張子圖片顯示在網(wǎng)頁的相應(yīng)位置。
8. -種網(wǎng)頁圖片的展現(xiàn)裝置，其特征在于，包括： 調(diào)用單元，用于調(diào)用具有相同特征的子圖片； 處理單元，用于將所述具有相同特征的子圖片生成一張整合圖片，并記錄每張子圖片 的位置信息； 傳輸單元，用于當(dāng)接收到終端發(fā)送的網(wǎng)頁圖片獲取請求時，將所述整合圖片和所述位 置信息發(fā)送至所述終端，以使所述終端根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng) 位置。
9. 根據(jù)權(quán)利要求8所述的展現(xiàn)裝置，其特征在于，所述處理單元包括： 確定子單元，用于確定用于對所述子圖片進行整合的整合方式； 選擇子單元，用于從所述整合方式中選擇對所述子圖片進行整合后占用面積最小的整 合方式； 生成子單元，用于按照所述占用面積最小的整合方式將所述具有相同特征的子圖片生 成為所述整合圖片。
10. 根據(jù)權(quán)利要求9所述的展現(xiàn)裝置，其特征在于，所述確定子單元包括： 數(shù)量判斷模塊，用于判斷所述子圖片的數(shù)量是否小于預(yù)設(shè)數(shù)量； 策略確定模塊，用于在所述子圖片的數(shù)量小于預(yù)設(shè)數(shù)量的情況下，通過窮舉方式確定 所述多種整合方式，在所述子圖片的數(shù)量大于或等于所述預(yù)設(shè)數(shù)量的情況下，通過貪心策 略確定所述多種整合方式。
11. 根據(jù)權(quán)利要求8所述的展現(xiàn)裝置，其特征在于，所述處理單元包括： 上傳子單元，用于將所述子圖片上傳至整合服務(wù)器； 接收子單元，用于接收所述整合服務(wù)器返回的所述整合圖片和每張子圖片的位置信 息。
12. 根據(jù)權(quán)利要求8所述的展現(xiàn)裝置，其特征在于，還包括： 判斷單元，用于判斷所述具有相同特征的子圖片與所述整合圖片中包含的子圖片是否 匹配； 更新單元，用于在不匹配的情況下，更新所述整合圖片和所述位置信息。
13. -種網(wǎng)頁圖片的展現(xiàn)裝置，其特征在于，包括： 發(fā)送單元，用于向服務(wù)器發(fā)送網(wǎng)頁圖片獲取請求； 接收單元，用于接收所述服務(wù)器返回的由具有相同特征的子圖片生成的整合圖片，以 及所述子圖片的位置信息； 呈現(xiàn)單元，用于根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
14. 根據(jù)權(quán)利要求13所述的展現(xiàn)裝置，其特征在于，所述呈現(xiàn)單元包括： 獲取子單元，用于根據(jù)所述位置信息從所述整合圖片中獲取每張子圖片； 顯示子單元，用于將獲取的每張子圖片顯示在網(wǎng)頁的相應(yīng)位置。
15. -種網(wǎng)頁圖片的展現(xiàn)裝置，其特征在于，包括： 處理器； 用于存儲處理器可執(zhí)行指令的存儲器； 其中，所述處理器被配置為： 調(diào)用具有相同特征的子圖片； 將所述具有相同特征的子圖片生成一張整合圖片，并記錄每張子圖片的位置信息； 當(dāng)接收到終端發(fā)送的網(wǎng)頁圖片獲取請求時，將所述整合圖片和所述位置信息發(fā)送至所 述終端，以使所述終端根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
16. -種網(wǎng)頁圖片的展現(xiàn)裝置，其特征在于，包括： 處理器； 用于存儲處理器可執(zhí)行指令的存儲器； 其中，所述處理器被配置為： 向服務(wù)器發(fā)送網(wǎng)頁圖片的獲取請求； 接收所述服務(wù)器返回的由具有相同特征的子圖片生成的整合圖片，以及所述子圖片的 位置信息； 根據(jù)所述位置信息將每張子圖片呈現(xiàn)在網(wǎng)頁的相應(yīng)位置。
【文檔編號】G06F17/30GK104063424SQ201410240146
【公開日】2014年9月24日 申請日期:2014年5月30日 優(yōu)先權(quán)日:2014年5月30日
【發(fā)明者】江岱霖, 任遠, 漆昱恒 申請人:小米科技有限責(zé)任公司