專利名稱：動(dòng)態(tài)圖像組成的制作方法
動(dòng)態(tài)圖像組成
背景
隨著以電子方式——例如在互聯(lián)網(wǎng)上——可獲得的信息量的增長(zhǎng)，可對(duì)數(shù)個(gè)用 戶在任一時(shí)間顯示的內(nèi)容的容量和種類也隨之增長(zhǎng)。在用戶基于關(guān)鍵字或查詢來(lái)搜索內(nèi) 容的例子中，例如在結(jié)果頁(yè)面中可以返回大量的項(xiàng)。在每種結(jié)果可能具有相應(yīng)圖像的情 形下，例如在通過搜索引擎的圖像搜索中，需要傳輸至顯示頁(yè)面的設(shè)備的數(shù)據(jù)量可能造 成總加載時(shí)間的顯著延遲。為了減少提供這些內(nèi)容的服務(wù)器上的負(fù)載，許多瀏覽器或 其它客戶端圖形用戶界面(GUI)應(yīng)用在任何給定時(shí)間限制對(duì)給定服務(wù)器或主機(jī)名的連接 數(shù)。例如，許多這樣的界面目前將一個(gè)用戶限制為對(duì)主機(jī)只允許兩個(gè)同時(shí)的連接。這種 對(duì)連接數(shù)量的限制意味著，對(duì)于具有100個(gè)圖像的頁(yè)面，每次連接需要平均50次請(qǐng)求以 從公共主機(jī)獲取圖像。在一種示例性電子環(huán)境中，花費(fèi)少至5%的時(shí)間下載HTML文本， 而花費(fèi)多達(dá)95%的時(shí)間作出HTTP請(qǐng)求以獲取該HTML文本中的組成部分(即圖像和腳 本)。因此，要求減少請(qǐng)求和下載頁(yè)面的組成部分所需的時(shí)間量。
一種傳統(tǒng)方法是利用若干服務(wù)器(真實(shí)的或虛擬的)或不同主機(jī)名(例如imagesl. hostname.com、irmges2.hostname.com)。如此，來(lái)自單個(gè)瀏覽器的同時(shí)連接的數(shù)量可能 增加。例如，如果存在50個(gè)服務(wù)器且一個(gè)瀏覽器對(duì)每個(gè)服務(wù)器具有兩個(gè)連接，那就能并 行地下載示例頁(yè)面上全部100個(gè)圖像。否則，對(duì)兩個(gè)連接而言，對(duì)每個(gè)連接可能平均逐 個(gè)下載50個(gè)圖像(根據(jù)速度和圖像大小，實(shí)際的數(shù)目將有可能并非均勻地分布在2個(gè)連 接之間的時(shí)間段內(nèi))。然而，如應(yīng)當(dāng)明白的那樣，給出充足數(shù)量的服務(wù)器來(lái)處理可能顯示 在給定頁(yè)面上的圖像數(shù)量以及嘗試產(chǎn)生和保持鏈接、URL(統(tǒng)一資源定位器)或?qū)Ω鞣?wù) 器或主機(jī)名上的圖像的其它映射有時(shí)是不實(shí)用的。在內(nèi)容經(jīng)常變化的情形下，這尤其成 問題。而且性能不是最佳的，由于仍然存在100個(gè)單獨(dú)請(qǐng)求，即使是并行完成，這顯著 增加服務(wù)器上的負(fù)載并增加網(wǎng)絡(luò)和系統(tǒng)話務(wù)。再者，每個(gè)圖像被單獨(dú)存儲(chǔ)和/或傳輸， 這阻止了基于圖像的共有特征進(jìn)一步壓縮圖像的可能性。
因此，除了其它改進(jìn)外，還要求提高在電子環(huán)境中請(qǐng)求和/或傳輸內(nèi)容的過 程，尤其在內(nèi)容是動(dòng)態(tài)確定的和/或內(nèi)容來(lái)自多個(gè)源的情況下。
附圖簡(jiǎn)述
下面將參照附圖對(duì)根據(jù)本公開的各實(shí)施例進(jìn)行說(shuō)明，在附圖中


圖1示出根據(jù)一個(gè)實(shí)施例可使用的系統(tǒng)配置；
圖2示出根據(jù)一個(gè)實(shí)施例可使用的用戶界面的例子；
圖3(a)和3(b)示出可用于產(chǎn)生圖2的示例性界面的各個(gè)部分的組合圖像；
圖4示出根據(jù)一個(gè)實(shí)施例可使用的確定并組成多個(gè)圖像的方法；以及
圖5示出根據(jù)一個(gè)實(shí)施例可使用的從組合的圖像中提取單獨(dú)的圖像的方法。
詳細(xì)描述
根據(jù)本公開各實(shí)施例的系統(tǒng)和方法能克服在電子環(huán)境中傳輸內(nèi)容的傳統(tǒng)方法中 經(jīng)歷的一個(gè)或多個(gè)前述和其它缺陷。在各方法中，可組成多個(gè)實(shí)例的內(nèi)容以減少獲得該 內(nèi)容所需的連接數(shù)。也可組成多實(shí)例的內(nèi)容以減少以其它方式單獨(dú)請(qǐng)求每個(gè)個(gè)別實(shí)例所需的時(shí)間量和資源量。
圖1示出根據(jù)各個(gè)實(shí)施例的用于實(shí)現(xiàn)諸個(gè)方面的環(huán)境100的例子。如所能理解 的那樣，可根據(jù)需要采用不同的環(huán)境來(lái)實(shí)現(xiàn)各個(gè)實(shí)施例。圖示環(huán)境100包括電子客戶設(shè) 備102，該電子客戶設(shè)備102可包括用來(lái)在合適的網(wǎng)絡(luò)104上發(fā)送和接收請(qǐng)求、消息或信 息并將信息傳回給設(shè)備用戶的任何適當(dāng)設(shè)備。這些客戶設(shè)備的例子包括個(gè)人計(jì)算機(jī)、蜂 窩電話、手持發(fā)消息設(shè)備、膝上計(jì)算機(jī)、機(jī)頂盒、個(gè)人數(shù)據(jù)助理、電子書閱讀器等。網(wǎng) 絡(luò)可包括任意合適網(wǎng)絡(luò)，包括內(nèi)聯(lián)網(wǎng)、互聯(lián)網(wǎng)、蜂窩網(wǎng)絡(luò)、局域網(wǎng)或任意其它這類網(wǎng)絡(luò) 或其組合。經(jīng)由這一網(wǎng)絡(luò)通信的協(xié)議和組件是公知的并在下文中不予以詳細(xì)說(shuō)明。網(wǎng)絡(luò) 上的通信可通過有線或無(wú)線連接或其組合來(lái)實(shí)現(xiàn)。在本例中，由于環(huán)境包括用于接收請(qǐng) 求并響應(yīng)該請(qǐng)求提供內(nèi)容的Web服務(wù)器106，因此網(wǎng)絡(luò)包括互聯(lián)網(wǎng)，盡管如本領(lǐng)域內(nèi)技術(shù) 人員所熟知地，對(duì)于其它網(wǎng)絡(luò)可采用將實(shí)現(xiàn)類似目的的替代性設(shè)備。
一個(gè)實(shí)施例中的環(huán)境是利用經(jīng)由采用一個(gè)或多個(gè)計(jì)算機(jī)網(wǎng)絡(luò)或直接連接的通信 鏈路互連的若干計(jì)算機(jī)系統(tǒng)和組件的分布式計(jì)算環(huán)境。然而，本領(lǐng)域內(nèi)技術(shù)人員應(yīng)當(dāng) 理解，該系統(tǒng)在具有比圖1所示具有更少或更多數(shù)量的組件的系統(tǒng)中也可以一樣好地工 作。因此，圖1中的系統(tǒng)100的描述應(yīng)當(dāng)認(rèn)為本質(zhì)上是解說(shuō)性的，并且不對(duì)公開范圍構(gòu) 成限制。
示出的環(huán)境進(jìn)一步包括至少一個(gè)應(yīng)用服務(wù)器108和數(shù)據(jù)存儲(chǔ)器110。本文中使用 的術(shù)語(yǔ)“數(shù)據(jù)存儲(chǔ)”指能夠存儲(chǔ)、存取和檢索數(shù)據(jù)的任何設(shè)備或設(shè)備組合，它可包括在 任意標(biāo)準(zhǔn)分布式或群集式環(huán)境中的任意組合和數(shù)量的數(shù)據(jù)服務(wù)器、數(shù)據(jù)庫(kù)、數(shù)據(jù)存儲(chǔ)設(shè) 備和數(shù)據(jù)存儲(chǔ)介質(zhì)。應(yīng)用服務(wù)器可包括任意合適的硬件和軟件，用于根據(jù)需要與數(shù)據(jù)存 儲(chǔ)整合以執(zhí)行客戶設(shè)備的一個(gè)或多個(gè)應(yīng)用的各個(gè)方面，用于處理應(yīng)用大多數(shù)的數(shù)據(jù)存取 和事務(wù)邏輯。應(yīng)用服務(wù)器與數(shù)據(jù)存儲(chǔ)協(xié)作地提供存取控制服務(wù)，并能產(chǎn)生傳輸給用戶的 例如文本、圖形、音頻和/或視頻的內(nèi)容，這些內(nèi)容可通過Web服務(wù)器使用超文本傳輸 協(xié)議對(duì)至少一個(gè)網(wǎng)頁(yè)以超文本鏈接標(biāo)示語(yǔ)言(HTML)的形式提供給用戶?？蛻粼O(shè)備102 和應(yīng)用服務(wù)器108之間的全部請(qǐng)求和響應(yīng)的處理以及內(nèi)容傳輸可由Web服務(wù)器完成。
每個(gè)服務(wù)器可包括提供服務(wù)器的一般管理和操作的可執(zhí)行程序指令的操作系 統(tǒng)；并可包括存儲(chǔ)指令的計(jì)算機(jī)可讀介質(zhì)，當(dāng)所述指令由服務(wù)器的處理器執(zhí)行時(shí)，使服 務(wù)器執(zhí)行其預(yù)期的功能。操作系統(tǒng)的適當(dāng)應(yīng)用以及服務(wù)器的一般功能是已知的或可商業(yè) 獲得的；并容易由本領(lǐng)域內(nèi)技術(shù)人員實(shí)現(xiàn)，尤其是受本公開的啟示。
數(shù)據(jù)存儲(chǔ)110可包括用于存儲(chǔ)涉及特定方面的數(shù)據(jù)的若干單獨(dú)的數(shù)據(jù)表、數(shù)據(jù) 庫(kù)或其它數(shù)據(jù)存儲(chǔ)機(jī)構(gòu)和介質(zhì)。例如，所示出的數(shù)據(jù)存儲(chǔ)包括用于存儲(chǔ)目錄細(xì)節(jié)數(shù)據(jù) 112、社區(qū)數(shù)據(jù)114、用戶信息116和訂單數(shù)據(jù)118的機(jī)構(gòu)。應(yīng)當(dāng)理解可以有需要存儲(chǔ)在 數(shù)據(jù)存儲(chǔ)中的其它方面，例如頁(yè)面圖像信息和訪問權(quán)限信息，它們可根據(jù)需要存儲(chǔ)在任 何一種上面列出的機(jī)構(gòu)中或數(shù)據(jù)存儲(chǔ)110中的附加機(jī)構(gòu)中。數(shù)據(jù)存儲(chǔ)110可通過與之關(guān) 聯(lián)的邏輯工作以從應(yīng)用服務(wù)器108接收指令，并響應(yīng)于此獲得、更新或以其它方式處理 數(shù)據(jù)。在一個(gè)例子中，用戶可對(duì)某些類型的項(xiàng)提交搜索請(qǐng)求。在這種情形下，數(shù)據(jù)存 儲(chǔ)可能訪問用戶信息以驗(yàn)證用戶的身份，并能訪問目錄細(xì)節(jié)信息以獲得有關(guān)這類項(xiàng)的信 息。然后可例如在用戶能藉由用戶設(shè)備102的瀏覽器瀏覽的網(wǎng)頁(yè)上列出的結(jié)果中將信息 返回給用戶。感興趣的特定項(xiàng)的信息可以瀏覽器的專用頁(yè)面或窗口來(lái)瀏覽。
在一特定實(shí)施例中，用于實(shí)現(xiàn)市場(chǎng)的系統(tǒng)管理由多個(gè)第一方和第三方賣方的報(bào) 價(jià)列表以將一個(gè)或多個(gè)項(xiàng)的消費(fèi)量提供給買家。在該例中，市場(chǎng)系統(tǒng)包括零售服務(wù)器、 報(bào)價(jià)列表引擎、后端界面以及報(bào)價(jià)列表管理引擎。引擎和界面可使用各計(jì)算系統(tǒng)(例如 各服務(wù)器)實(shí)現(xiàn)或?qū)崿F(xiàn)為一個(gè)計(jì)算系統(tǒng)上的進(jìn)程。此外，每個(gè)引擎或界面可替代地使用 多個(gè)分布式系統(tǒng)來(lái)實(shí)現(xiàn)。零售服務(wù)器可配置成將前端界面提供給想要使用市場(chǎng)進(jìn)行交易 的買方和賣方，例如通過使用配置成允許買方和賣方建立和管理賬戶的多個(gè)基于網(wǎng)頁(yè)的 界面，提供銷售項(xiàng)或其它消費(fèi)品，提供與銷售項(xiàng)相關(guān)的信息，瀏覽供銷售的項(xiàng)，購(gòu)買供 銷售的項(xiàng)等。零售服務(wù)器也可配置成執(zhí)行與這些交易相關(guān)的支持性功能，例如安保功 能、財(cái)務(wù)往來(lái)功能、用戶識(shí)別功能等。零售服務(wù)器也可配置成提供報(bào)價(jià)列表網(wǎng)站，該報(bào) 價(jià)列表網(wǎng)站可包括顯示已由第三方賣價(jià)為銷售而報(bào)價(jià)的項(xiàng)的網(wǎng)頁(yè)。
本例中的報(bào)價(jià)列表引擎是配置成接收、存儲(chǔ)和提供報(bào)價(jià)列表的計(jì)算系統(tǒng)，用以 銷售已由第一方或第三方賣家提交的項(xiàng)。列表中的每個(gè)報(bào)價(jià)可包括與項(xiàng)及項(xiàng)銷售相關(guān)的 眾多信息，例如項(xiàng)描述、項(xiàng)價(jià)格、項(xiàng)狀況、運(yùn)輸信息、賣方信息等。報(bào)價(jià)列表引擎可進(jìn) 一步配置成執(zhí)行與報(bào)價(jià)列表相關(guān)的一個(gè)或多個(gè)功能，例如可基于由零售服務(wù)器實(shí)現(xiàn)的用 戶界面接收的輸入由零售服務(wù)器隨時(shí)兌現(xiàn)的搜索功能。例如，買方可從零售服務(wù)器獲取 搜索界面并在例如“膝上計(jì)算機(jī)”的用戶界面的輸入字段中提供搜索項(xiàng)。零售服務(wù)器 可配置成將該搜索項(xiàng)通信至報(bào)價(jià)列表引擎，該報(bào)價(jià)列表引擎能執(zhí)行搜索功能以搜索整個(gè) 報(bào)價(jià)列表數(shù)據(jù)庫(kù)以生成包含報(bào)價(jià)數(shù)據(jù)庫(kù)中與所提交搜索項(xiàng)相關(guān)的全部項(xiàng)的報(bào)價(jià)列表。因 此，報(bào)價(jià)列表引擎可配置成對(duì)膝上計(jì)算機(jī)產(chǎn)生當(dāng)前在市場(chǎng)系統(tǒng)中由第三方賣家報(bào)價(jià)銷售 的完整報(bào)價(jià)列表。
圖2示出在能夠根據(jù)本文所述各實(shí)施例生成的例如網(wǎng)頁(yè)瀏覽器的圖形用戶界面 (GUI)中顯示的頁(yè)面200的例子。在該特定例子中，商業(yè)站點(diǎn)中的一個(gè)結(jié)果頁(yè)面以闡述 為目的而示出。然而應(yīng)當(dāng)理解，任何合適的頁(yè)面、文檔或其它電子對(duì)象可在多個(gè)實(shí)施例 的范圍和意圖內(nèi)使用；尤其是在需要從一個(gè)點(diǎn)向另一個(gè)點(diǎn)電子地傳輸例如多個(gè)獨(dú)立圖像 的內(nèi)容的情形下。
圖2的例子包括兩種類型的對(duì)象，這些對(duì)象在本文中統(tǒng)稱為“靜態(tài)”和“動(dòng) 態(tài)”類型，盡管可以理解靜態(tài)部分如本文描述那樣是可變的并且不應(yīng)當(dāng)作出死板的解 釋。在圖示的商業(yè)網(wǎng)頁(yè)的例子中，“靜態(tài)”部分是指用于代表標(biāo)準(zhǔn)導(dǎo)航、信息或不管頁(yè) 面上的其它內(nèi)容為何而通常都會(huì)顯示的其它方面的頁(yè)面元素。這些靜態(tài)元素可包括頁(yè)面 200的標(biāo)題、說(shuō)明或標(biāo)志202以及導(dǎo)航204以及用戶可選方面206。這些靜態(tài)元素—— 在這里是一般用在網(wǎng)頁(yè)上的JPEG圖像的圖像——每當(dāng)這種形式的頁(yè)面被顯示給用戶時(shí)都 會(huì)被顯示出來(lái)(在不同形式能對(duì)應(yīng)于不同軟件版本、不同用戶偏好或用戶定制等的情形 下)。這些元素可認(rèn)為是網(wǎng)站的靜態(tài)部分，并同樣能來(lái)自單個(gè)源并通常存儲(chǔ)在客戶機(jī)的高 速緩沖存儲(chǔ)器中以提高頁(yè)面的加載速度。
該示例頁(yè)面的“動(dòng)態(tài)”部分對(duì)應(yīng)于包含在結(jié)果部分中的元素。例如，用戶可能 希望搜索該用戶之前已購(gòu)買或以其它方式從該電子市場(chǎng)消費(fèi)的項(xiàng)，例如通過使用前述用 戶可選方面206。結(jié)果，將響應(yīng)該請(qǐng)求返回例如圖像和文本的對(duì)象，此時(shí)這些圖像和文本 對(duì)應(yīng)于用戶之前購(gòu)買或以其它方式消費(fèi)(即租賃或租借)的項(xiàng)。在電子環(huán)境中請(qǐng)求和返 回結(jié)果的方法是公知的并在本文中不予以詳細(xì)說(shuō)明。在本例中，響應(yīng)用戶選擇或查詢返回至少四個(gè)項(xiàng)。包含在與項(xiàng)對(duì)應(yīng)的結(jié)果中具有四個(gè)圖像208、210、212、214，每個(gè)圖像 表現(xiàn)出各項(xiàng)的結(jié)果。盡管由于例如頻率分辨率和界面窗口大小的界面限制條件僅示出四 個(gè)圖像，然而隨著搜索結(jié)果數(shù)目增加而可以返回幾百甚至幾千個(gè)圖像(盡管該數(shù)目可能 受界面功能性能力等的限制)。如前所述，例如網(wǎng)頁(yè)瀏覽器的界面在給定時(shí)間僅允許對(duì)特 定Web服務(wù)器或主機(jī)的兩個(gè)或四個(gè)連接。如果存在100個(gè)結(jié)果，每個(gè)結(jié)果具有不同的圖 像，則即使能同時(shí)建立四個(gè)連接，則對(duì)每個(gè)連接仍然有平均25個(gè)請(qǐng)求必須逐個(gè)地完成， 這導(dǎo)致總頁(yè)面加載時(shí)間的明顯延遲。盡管可如上所述地采用例如使用多個(gè)主機(jī)的方法， 然而這些方法本身就是有缺陷的。
提高這些頁(yè)面的加載時(shí)間的一種方法是對(duì)靜態(tài)部分創(chuàng)建單個(gè)大圖像，該大圖像 可使用在執(zhí)行該界面的設(shè)備和內(nèi)容服務(wù)器(或兩者間的元素)之間的一次連接上的一次 請(qǐng)求而加載。由于站點(diǎn)的基本、靜態(tài)元素不會(huì)隨時(shí)間而有顯著的變化，因此可簡(jiǎn)單地例 如通過使用標(biāo)準(zhǔn)圖像組合或創(chuàng)建軟件包來(lái)創(chuàng)建大圖像，該大圖像可被傳輸至客戶設(shè)備以 供該界面使用。在一個(gè)例子中，簡(jiǎn)單圖像映射可如業(yè)內(nèi)已知那樣使用以基于用戶選擇的 相對(duì)調(diào)整在大圖像上捕獲不同的動(dòng)作。該方法僅限于使用創(chuàng)建時(shí)的大圖像，并且不允許 圖像沿空間的壓縮以減小所要傳輸圖像的大小。由于圖像可能在頂部和底部具有靜態(tài)元 素，圖像必須足夠大以覆蓋整個(gè)空間，并能表現(xiàn)出關(guān)于能放置在圖像“上方”的界限。
在另一例子中，可使用例如級(jí)聯(lián)式表單(CSS)，其中大圖像可“分解”成若干 較小的圖像。如業(yè)內(nèi)已知的，CSS子畫面技術(shù)采用主圖像上的視口以提取該圖像的各個(gè) 部分作為較小的單獨(dú)圖像。如本文中使用的視口稱為虛擬窗或可選區(qū)，它們能用來(lái)通過 指定用于提取的視口的特性而提取圖像的各個(gè)部分。在一個(gè)例子中，規(guī)定上坐標(biāo)和左方 坐標(biāo)連同視口的高度和寬度，由此限定圖像的矩形部分。在各實(shí)施例的范圍內(nèi)，也可使 用限定主圖像區(qū)的相似方法。一旦已在主圖像的一部分上面定義了視口，CSS子畫面技 術(shù)有效地提取位于視口下面的圖像部分并在客戶設(shè)備上創(chuàng)建新圖像，該新圖像可根據(jù)需 要位于頁(yè)面、框、窗口內(nèi)。這類似于復(fù)制主圖像并將所復(fù)制圖像的要求部分裁剪。這 種方法能允許導(dǎo)航和其它靜態(tài)元素被組合到服務(wù)器側(cè)的單個(gè)圖像300中，并被打包以減 小主圖像的尺寸，例如圖3(a)所示。這種單個(gè)靜態(tài)主圖像的生成可例如通過站點(diǎn)設(shè)計(jì)者 或其它合適用戶來(lái)完成。該單個(gè)圖像也可存儲(chǔ)在用戶設(shè)備的高速緩沖存儲(chǔ)器內(nèi)，從而當(dāng) 用戶返回到頁(yè)面時(shí)不必重新加載該頁(yè)面的圖像。在一些實(shí)施例中，主圖像可包含站點(diǎn)的 若干或全部頁(yè)面的靜態(tài)信息，例如僅需要在客戶設(shè)備側(cè)傳輸單個(gè)圖像并對(duì)其進(jìn)行高速緩 存，而不必要重新請(qǐng)求任何靜態(tài)元素，不管用戶在該站點(diǎn)上的位置如何。
盡管例如網(wǎng)站的一組頁(yè)面的靜態(tài)圖像的組成將提供一些優(yōu)勢(shì)，然而在一段時(shí)間 內(nèi)只能對(duì)這些元素下載一次并保持在高速緩沖存儲(chǔ)器中，以使對(duì)站點(diǎn)的請(qǐng)求和加載時(shí)間 的總的減少量?jī)H減少了很小的量。此外，這一方法要求用戶構(gòu)成每個(gè)主圖像，這會(huì)花費(fèi) 大量時(shí)間并還要求用正確的圖像和坐標(biāo)信息對(duì)每個(gè)站點(diǎn)頁(yè)面進(jìn)行編碼。能從主圖像獲益 最多的某些站點(diǎn)或頁(yè)面可位于例如項(xiàng)描述頁(yè)、搜索結(jié)果頁(yè)或其它頁(yè)的頁(yè)面上，其中大量 的內(nèi)容基本上是在請(qǐng)求時(shí)被動(dòng)態(tài)地確定的，并且客戶應(yīng)用使用多次連續(xù)的請(qǐng)求來(lái)獲得該 內(nèi)容。
在前面結(jié)合圖2描述的例子中，用戶已選擇一個(gè)頁(yè)面，其中顯示用戶已通過站 點(diǎn)購(gòu)買或以其它方式消費(fèi)的全部項(xiàng)。如果用戶已購(gòu)買100個(gè)項(xiàng)，例如可能需要對(duì)該頁(yè)面單獨(dú)地下載100個(gè)圖像。由于結(jié)果可能在由用戶對(duì)該頁(yè)面的訪問之間產(chǎn)生變化，例如當(dāng) 用戶購(gòu)買附加項(xiàng)時(shí)，該圖像在實(shí)踐中無(wú)法被開發(fā)者創(chuàng)建成每當(dāng)用戶訪問該頁(yè)面時(shí)就被顯 示。此外，對(duì)于可能具有幾百萬(wàn)訪問者的站點(diǎn)來(lái)說(shuō)，這種方法是大規(guī)模的任務(wù)。
這種方法的另一問題是圖像可能來(lái)自多個(gè)源。盡管一些實(shí)施例可能利用單個(gè)圖 像服務(wù)或源，但大市場(chǎng)、站點(diǎn)或其它內(nèi)容提供商可能使用來(lái)自包括第三方來(lái)源的多個(gè)源 的內(nèi)容，這些源也可在任意時(shí)間改變。圖像組成的傳統(tǒng)方法因此在這種環(huán)境下將無(wú)法發(fā) 揮作用。
根據(jù)一個(gè)實(shí)施例的系統(tǒng)和方法響應(yīng)內(nèi)容的請(qǐng)求提供圖像的動(dòng)態(tài)組成和提取。在 這類情形下，包含在結(jié)果頁(yè)面或其它這種顯示機(jī)構(gòu)中的圖像是響應(yīng)該請(qǐng)求確定的，并在 圖像傳輸至客戶機(jī)或用于分解和顯示的其它這類設(shè)備前對(duì)這些圖像進(jìn)行動(dòng)態(tài)地組合。例 如，圖2示出四個(gè)圖像208、210、212和214，它們對(duì)應(yīng)于響應(yīng)用戶請(qǐng)求顯示給用戶的各 個(gè)項(xiàng)。當(dāng)Web服務(wù)器或其它這類設(shè)備接收到請(qǐng)求時(shí)，對(duì)圖像服務(wù)的調(diào)用例如能使這四 個(gè)圖像返回到Web服務(wù)器以等待發(fā)送至客戶機(jī)。然而，不是通過單獨(dú)請(qǐng)求來(lái)傳輸這些 圖像，而是將這些圖像動(dòng)態(tài)地組合成單個(gè)主圖像350，就像圖3(b)所示那樣?？膳渲酶?圖像或?qū)Ω鲌D像進(jìn)行打包以使主圖像中的未用空間的量減至最小，以減少圖像的存儲(chǔ)大 小。
如圖3(b)的例子所示，這四個(gè)圖像已被緊密地打包并組合成單個(gè)“主”圖像 350。然而為了提取或分解這些圖像，必須還提供一些位置信息和/或認(rèn)證信息。例 如，如前所述，例如CSS子畫面的方法利用視口來(lái)提取各個(gè)圖像。如果在呈現(xiàn)頁(yè)面時(shí)頁(yè) 面希望使用第三圖像212，則頁(yè)面能訪問信息(例如可存儲(chǔ)在頁(yè)面的XML文檔中)，該 信息指示位置信息(例如頂坐標(biāo)和左方坐標(biāo))和/或視口尺寸信息(例如視口的高度和寬 度)。也可采用其它方法來(lái)定位或安置圖像，例如通過利用定義視口尺寸和位置的兩相對(duì) 坐標(biāo)。在要顯示的圖像全部同一尺寸的情形下，可能不需要確定和/或傳輸尺寸信息， 因?yàn)閱蝹€(gè)坐標(biāo)可能就是提取每個(gè)圖像的足夠信息，由于視口尺寸不會(huì)變化。在另一實(shí)施 例中，圖像可以重設(shè)尺寸、剪裁或以其它方式修正至共同尺寸，以使尺寸信息也變得不 必要。在組合到主圖像前重設(shè)圖像尺寸的實(shí)施例中，可能需要尺寸信息以從主圖像提取 圖像并將圖像尺寸重設(shè)回其原始尺寸。
如圖3(b)所示，一旦確定了坐標(biāo)信息和視口尺寸信息，視口 352可相對(duì)于主圖 像350中的對(duì)象圖像212定位以使各圖像在功能上作為單個(gè)圖像被“提取”和處理。為 了利用所提取的圖像以及緩存圖像以在需要時(shí)供之后使用，在至少一個(gè)實(shí)施例中還要求 為該圖像提供圖像標(biāo)識(shí)符。這對(duì)正確地安置圖像是有幫助的，尤其是在頁(yè)面上可能一次 以上地使用共同圖像的情形下。如此，頁(yè)面上的圖像可使用例如一個(gè)、兩個(gè)或四個(gè)圖像 傳送，這些圖像可對(duì)應(yīng)于主機(jī)或服務(wù)器的最大連接數(shù)，由此可并行于一個(gè)或多個(gè)同時(shí)請(qǐng) 求來(lái)有效地下載全部圖像。
如前所述，該方法可提高加載頁(yè)面時(shí)的總體性能。在網(wǎng)絡(luò)環(huán)境中，例如對(duì)服務(wù) 器的每個(gè)HTTP或其它客戶請(qǐng)求具有相同程度的關(guān)聯(lián)開銷。在請(qǐng)求大約2或3KB大小的 圖像的情形下，發(fā)送至服務(wù)器的請(qǐng)求可包括大約1KB的信息以獲得該圖像。如果有100 個(gè)圖像要下載，例如方法可省去99KB的上傳。這在來(lái)自客戶機(jī)的上傳速度低于來(lái)自服 務(wù)器的下載速度的情形下更為有利。另外，只需要等待對(duì)單次請(qǐng)求或一組同時(shí)請(qǐng)求的響應(yīng)，從而不會(huì)象現(xiàn)有技術(shù)系統(tǒng)那樣存在連續(xù)的等待。
可獲得另一潛在的優(yōu)勢(shì)，即在至少一些情形下，可對(duì)組合時(shí)頁(yè)面的全部圖像使 用單個(gè)全環(huán)繞式色圖或較小的總色圖，這可進(jìn)一步減少針對(duì)該頁(yè)面所必須傳輸?shù)男畔ⅰ?當(dāng)沿兩個(gè)方向?qū)徱旽TTP頭部連同全部圖像上的色圖時(shí)，提供這種頁(yè)面的網(wǎng)絡(luò)話務(wù)量具 有顯著的減少。
在一個(gè)實(shí)施例中，通過首先創(chuàng)建圖像的虛擬帆布然后請(qǐng)求和/或創(chuàng)建每個(gè)圖像 的位圖(或其它未經(jīng)壓縮的)形式而組成這些圖像。然后將這些圖像以適當(dāng)順序放置在 帆布上；并且這些圖像能被打包以如本文其它地方描述的那樣使帆布尺寸減至最小。一 旦創(chuàng)建了圖像，可執(zhí)行對(duì)色圖的任何期望的變化，或可生成新的色圖，并可將圖像壓縮 成例如JPEG或GIF格式的標(biāo)準(zhǔn)格式。也可存儲(chǔ)各個(gè)圖像中的每個(gè)圖像的坐標(biāo)。有各種 媒體庫(kù)，這些媒體庫(kù)允許對(duì)可使用的圖像進(jìn)行解壓、組成和壓縮，如本領(lǐng)域內(nèi)技術(shù)人員 受本文包含的教義和暗示啟發(fā)而清楚知道的那樣。這個(gè)過程在一個(gè)例子中可能花費(fèi)例如 幾十或幾百毫秒的數(shù)量級(jí)；而不是手動(dòng)創(chuàng)建該圖像所花費(fèi)的時(shí)間量。
在一些實(shí)施例中，可完成計(jì)算或使用閾值來(lái)確定利用組合的圖像是否有益。例 如，如果存在10個(gè)圖像或更少圖像，則經(jīng)歷組合過程來(lái)造成大圖像下載是沒有顯著優(yōu)勢(shì) 的。另外，如果整個(gè)帆布由于各圖像的尺寸和形狀差異而包括大量的“死區(qū)”，則圖像 可能不被組合。另一閾值可在組合圖像上設(shè)定最大尺寸，在這種情形下可使用包含頁(yè)面 的各個(gè)圖像的一部分的附加主圖像。
如所述那樣，對(duì)于這些內(nèi)容傳輸方法可以有許多應(yīng)用。例如，從多個(gè)源返回結(jié) 果實(shí)際上不擁有或喪失任何內(nèi)容的搜索引擎可優(yōu)選地采用這種方法。廣告活動(dòng)、旋轉(zhuǎn)標(biāo) 語(yǔ)廣告以及許多這類應(yīng)用也可利用這些方法。此外，盡管以圖像為例，也可根據(jù)需要使 用其它類型的電子內(nèi)容。
圖4示出構(gòu)成根據(jù)本發(fā)明一個(gè)實(shí)施例中可使用的內(nèi)容傳遞的示例性方法400的步 驟。在該方法中，從客戶設(shè)備402接收用戶請(qǐng)求，例如從個(gè)人計(jì)算機(jī)上的網(wǎng)頁(yè)瀏覽器。 用戶請(qǐng)求可包括查詢信息，例如搜索查詢或用于生成用戶查詢的關(guān)鍵字、項(xiàng)或?qū)傩浴Ｈ?所能明白的那樣，搜索查詢可通過發(fā)送請(qǐng)求的客戶機(jī)或通過接收請(qǐng)求的設(shè)備、應(yīng)用或服 務(wù)使用項(xiàng)、關(guān)鍵字、屬性等來(lái)產(chǎn)生。例如，當(dāng)通過電子市場(chǎng)買鞋時(shí)，用戶可鍵入關(guān)鍵字“men”和“shoes”，并且獲得匹配這些項(xiàng)的搜索結(jié)果的請(qǐng)求可要么包括使用這些關(guān)鍵 字形成的查詢，或者包括可形成在服務(wù)器側(cè)的搜索查詢的實(shí)際關(guān)鍵字。因此，查詢不局 限于用戶提交的關(guān)鍵字，而是可基于選擇的屬性，例如通過復(fù)選框或其它選擇機(jī)制，該 屬性限定項(xiàng)基于屬性的搜索。例如，用戶可通過基于例如特定商標(biāo)、價(jià)位、色彩、類型 的屬性及其它屬性收窄范圍而瀏覽項(xiàng)的電子目錄，提交或不提交附加的自由度關(guān)鍵字。
響應(yīng)對(duì)查詢的接收，確定包含多個(gè)圖像404的查詢結(jié)果。獲得對(duì)請(qǐng)求作出服務(wù) 所需的圖像406，例如形成圖像服務(wù)或至少一個(gè)圖像數(shù)據(jù)存儲(chǔ)。然后使用這里408中描述 或暗示的任何一種方法來(lái)將這些圖像組合成一個(gè)圖像。在一個(gè)例子中，使用圖像庫(kù)來(lái)解 壓圖像，將圖像粘貼到空白帆布上，并隨后再次壓縮得到的主圖像。在另一實(shí)施例中， 在使用組成服務(wù)的情形下，可使用統(tǒng)一資源定位器(URL)查詢字符串來(lái)傳遞各圖像的參 數(shù)，該查詢字符串例如可以包括一個(gè)部分，諸如“？ panimS = abC”，以指示圖像A、B 和C需要被組合。如所述那樣，圖像可以任意合適方式被打包，例如以行、列或矩形方式，并可調(diào)整布置以使死區(qū)減至最小或減小所構(gòu)成主圖像的總存儲(chǔ)大小。如業(yè)內(nèi)已知那 樣可使用多種打包算法中的任一種。根據(jù)一個(gè)實(shí)施例的可用于將多個(gè)圖像組合起來(lái)的一 種服務(wù)是Ruby編程語(yǔ)言的RMagick，其利用ImageMagick圖形操縱庫(kù)(開放源)。
在組成處理期間內(nèi)或其前后，每個(gè)圖像在主圖像中的位置被存儲(chǔ)410。這些位 置可存儲(chǔ)在高速緩沖存儲(chǔ)器或其它存儲(chǔ)器中，直到需要為止。各圖像的身份也被存儲(chǔ)。 一旦將諸圖像組合成一個(gè)主圖像，即可將主圖像傳輸至客戶設(shè)備412。每個(gè)圖像的位置 信息也被傳輸至客戶設(shè)備414，例如以XML文檔或結(jié)果頁(yè)面的其它數(shù)據(jù)結(jié)構(gòu)的數(shù)據(jù)形式 傳輸，以顯示圖像。一旦主圖像和位置信息由客戶設(shè)備所接收，則各圖像例如通過使用 CSS被提取并被頁(yè)面渲染416。如上所述，位置和方向信息也能使用主圖像來(lái)產(chǎn)生所要渲 染的圖像映射。其它實(shí)施例可使用本領(lǐng)域內(nèi)技術(shù)人員受本文包含的教義和暗示而能夠理 解的不同技術(shù)來(lái)利用XML文檔中的信息或其它這種數(shù)據(jù)結(jié)構(gòu)以渲染圖像信息。
圖5示出根據(jù)一個(gè)實(shí)施例的分解主圖像并產(chǎn)生可使用頁(yè)面的方法500的步驟。 如前所述，提交內(nèi)容請(qǐng)求502。響應(yīng)于該請(qǐng)求接收主圖像504，連同所渲染頁(yè)面的信息 506。頁(yè)面信息可包括例如XML文檔或HTML文檔，包括從主圖像提取各個(gè)圖像所需的 信息。使用頁(yè)面信息確定主圖像中的每個(gè)圖像的位置數(shù)據(jù)508。如所述那樣，這可包括 確定主圖像與每個(gè)單獨(dú)圖像對(duì)應(yīng)的區(qū)域所需的坐標(biāo)信息和/或視口尺寸信息。然后使用 位置信息510提取每個(gè)圖像。如所述那樣，這可包括利用CSS子圖形技術(shù)以使用視口來(lái) 提取主圖像的各個(gè)部分，從而在客戶設(shè)備上產(chǎn)生各個(gè)圖像。所提取的圖像可關(guān)聯(lián)于對(duì)應(yīng) 的圖像標(biāo)識(shí)符512，并隨后用來(lái)渲染頁(yè)面514。在大圖像高速緩存的情形下，可存儲(chǔ)位置 信息以如果重新加載頁(yè)面時(shí)則允許再提取圖像。
在一些實(shí)施例中，返回XML文檔，該文檔包含復(fù)合圖像存儲(chǔ)在的某個(gè)位置的 URL,籍此可根據(jù)需要檢索復(fù)合圖像。這例如能實(shí)現(xiàn)在選擇用來(lái)提供結(jié)果頁(yè)面的Web服 務(wù)器上。Web服務(wù)器可解析XML數(shù)據(jù)并利用從新復(fù)合格式至最初圖像的映射。頁(yè)面中 的全部圖像標(biāo)簽則可簡(jiǎn)單地參引復(fù)合圖像，所述復(fù)合圖像可下載至客戶設(shè)備。主機(jī)圖像 可存儲(chǔ)在高速緩存中，以藉由CSS或另一此類技術(shù)作出調(diào)用而根據(jù)需要獲得各圖像，這 省去了之后對(duì)服務(wù)器請(qǐng)求的需要或再生成復(fù)合圖像的需要。如所述那樣，主圖像也例如 可存儲(chǔ)附加頁(yè)面、幀或站點(diǎn)部分的圖像或元素。這種情形下的一個(gè)權(quán)衡是相對(duì)下載主圖 像所需的時(shí)間量和存儲(chǔ)主圖像所需的存儲(chǔ)器容量而將多少信息放置在一個(gè)圖像中，尤其 是如果只有一小部分主圖像可再使用。例如，如果對(duì)多個(gè)頁(yè)面使用主圖像，則程序員或 其它研發(fā)人員必須知道并保持所使用圖像的部分的標(biāo)識(shí)符等。
在利用CSS子圖形技術(shù)的一個(gè)實(shí)施例中，可將圖像用作背景以使例如DIV元的 任何任意元具有參引CSS的類集。在這種情形下，例如CSS.imageclass的類可具有作為 源的主圖像。然后調(diào)用可指定上偏移量和左偏移量來(lái)相對(duì)主圖像移動(dòng)DIV視口至合適的 位置。對(duì)類的調(diào)用也指定隔離(closeoff)視口的高度和寬度。這種方法允許通過嵌入頁(yè) 面中的CSS使頁(yè)面形成在HTML中，但使用圖像標(biāo)簽顯示圖像的傳統(tǒng)方式的工作方式可 不同于需要唯一圖像和源信息的那些圖像標(biāo)簽。
在一個(gè)例子中，創(chuàng)建寬度等于所顯示最寬圖像且如果裝填在一列中則高度足以 適應(yīng)全部圖像的帆布。在一些實(shí)施例中，在圖像間設(shè)置一像素空間以分隔，并且將每個(gè) 圖像左對(duì)齊。在這個(gè)例子中，可將單個(gè)背景圖像施加于錨元素，并且新的CSS類使背景位置僅在y坐標(biāo)上偏移
#nav Ii a{background-image url(，../img/image_example.jpg ‘ )}
#nav Ii a.first_element{background-position Opx Opx}
#nav Ii a viewport.first_element{background-position 0ρχ-100ρχ}
#nav Ii a.second_element{background-position : 0px-150px ； }
#nav Ii a viewport.second_element{background-position Opx-175px ； }
...
在該例中，兩個(gè)圖像由“first_element”和“second_element”表示，這里位置由(X，y)坐標(biāo)建立，而視口是通過將“viewport”狀態(tài)的y值調(diào)節(jié)至合適高度(以及列 的全寬度)來(lái)建立的。由于像素位置是已知的，偏移背景圖像的另一例子已知允許僅表 示狀態(tài)
#panellb a viewport {background transparent
url (example.gif) Opx Opx no-repeat ； }
#panel2b a viewport {background transparent
url (example.gif) _96px Opx no-repeat ； }
#panel3b a viewport {background transparent
url (example.gif)-172px Opx no-repeat ; }
#panel4b a viewport {background transparent
url (example.gif) _283px Opx no-repeat ； }
第一值是從左邊界的水平偏移量，而第二值是垂直偏移量(從頂部開始)。這 里，由于主圖像具有以行層疊而不是以列層疊的圖像，因此每個(gè)垂直值是相等的。
在一些實(shí)施例中，圖像的動(dòng)態(tài)組成可提供作為對(duì)各個(gè)用戶、應(yīng)用等的服務(wù)。例 如，想要跨網(wǎng)絡(luò)地傳輸數(shù)個(gè)圖像的任何應(yīng)用可使用動(dòng)態(tài)組成服務(wù)，這可接收要傳輸?shù)膱D 像，將圖像組成為一個(gè)主圖像，并返回主圖像和位置信息(或?qū)⑵渌椭链蛩愕慕邮辗?。 例如如果圖像沒有返回至應(yīng)用或如果圖像具有不同的大小，則可將尺寸信息連同主圖像 一起發(fā)送。在一些實(shí)施例中通過服務(wù)請(qǐng)求發(fā)送圖像，而在另外一些實(shí)施例中發(fā)送URL或 其它位置信息，籍此服務(wù)能夠檢索圖像信息。然后可使用結(jié)合用于服務(wù)的多種方法來(lái)解 釋和管理這些服務(wù)，例如經(jīng)由按使用收費(fèi)系統(tǒng)、基于訂購(gòu)的系統(tǒng)等。
動(dòng)態(tài)組成也可較為有利地提供在許多不同區(qū)域內(nèi)，由于在網(wǎng)絡(luò)或其它這類連接 上傳輸多個(gè)圖像的任何應(yīng)用或手段可從動(dòng)態(tài)圖像組成的各個(gè)方面獲益。本文所述的例子 涉及當(dāng)用結(jié)果集顯示數(shù)個(gè)圖像——例如通過電子市場(chǎng)響應(yīng)用戶信息查詢的搜索結(jié)果購(gòu)買 的項(xiàng)——時(shí)的圖像組成使用。許多其它這類應(yīng)用也可從中獲益，例如允許用戶上傳、編 輯、刪除和瀏覽任何數(shù)量圖像的圖像主管(hosting)服務(wù)。商用站點(diǎn)的各個(gè)其它方面也可 從中獲益，例如項(xiàng)搜索結(jié)果、項(xiàng)推薦、個(gè)性化內(nèi)容、項(xiàng)附件或幾乎在用戶請(qǐng)求或?yàn)g覽時(shí) 確定的所要顯示圖像的任意其它該方面，因此在實(shí)踐中無(wú)法提早組成圖像并且傳輸可從 一個(gè)或少量連接中獲益。尤其，顯示大量縮略圖像的情形可從這些方法中獲益。
如前所述，各實(shí)施例可實(shí)現(xiàn)在多種操作環(huán)境中，所述操作環(huán)境在一些情形下可 包括可用來(lái)運(yùn)行數(shù)個(gè)應(yīng)用中的任何一個(gè)應(yīng)用的一臺(tái)或多臺(tái)用戶計(jì)算機(jī)、計(jì)算設(shè)備或處理 設(shè)備。用戶或客戶設(shè)備可包括數(shù)個(gè)通用個(gè)人計(jì)算機(jī)中的任何一個(gè)，例如運(yùn)行標(biāo)準(zhǔn)操作系統(tǒng)的臺(tái)式計(jì)算機(jī)或膝上計(jì)算機(jī)；以及運(yùn)行移動(dòng)軟件并能支持?jǐn)?shù)個(gè)聯(lián)網(wǎng)和發(fā)消息協(xié)議的蜂 窩、無(wú)線和手持設(shè)備。該系統(tǒng)也可包括運(yùn)行多個(gè)可從市場(chǎng)上購(gòu)得的操作系統(tǒng)中的任何一 個(gè)操作系統(tǒng)或?yàn)閷?shí)現(xiàn)例如開發(fā)和數(shù)據(jù)庫(kù)管理的其它已知應(yīng)用的數(shù)個(gè)工作站。這些設(shè)備也 可包括其它電子設(shè)備，例如虛擬終端、稀疏客戶機(jī)(thin-clients)、游戲系統(tǒng)以及能夠通 過網(wǎng)絡(luò)通信的其它設(shè)備。
多數(shù)實(shí)施例利用本領(lǐng)域內(nèi)技術(shù)人員熟知的至少一個(gè)網(wǎng)絡(luò)，所述網(wǎng)絡(luò)使用例如 TCP/IP、OSK FTP、UPnP> NFS、CIFS和AppleTaHc的多個(gè)可從市場(chǎng)上獲得的協(xié)議來(lái)支持通信。該網(wǎng)絡(luò)例如可以是局域網(wǎng)、廣域網(wǎng)、虛擬專用網(wǎng)、互聯(lián)網(wǎng)、內(nèi)聯(lián)網(wǎng)、外聯(lián)網(wǎng)、 公共交換電話網(wǎng)、紅外線網(wǎng)、無(wú)線網(wǎng)及其任意組合。
在利用Web服務(wù)器的實(shí)施例中，Web服務(wù)器可運(yùn)行多種服務(wù)器或中層應(yīng)用中的 任何一個(gè)，包括HTTP服務(wù)器、FTP服務(wù)器、CGI服務(wù)器、數(shù)據(jù)服務(wù)器、Java服務(wù)器以及 商業(yè)應(yīng)用服務(wù)器。服務(wù)器也能響應(yīng)來(lái)自用戶設(shè)備的請(qǐng)求來(lái)執(zhí)行程序或腳本，例如通過執(zhí) 行可實(shí)現(xiàn)為寫成例如Java , C，C#或C++的任何編程語(yǔ)言或例如Perl、Python或TCL及 其組合的任意腳本語(yǔ)言的一個(gè)或多個(gè)腳本或程序的一個(gè)或多個(gè)Web應(yīng)用及其組合。服務(wù) 器也可包括數(shù)據(jù)庫(kù)服務(wù)器，包括但不局限于可從〇mde 、Mierosoft 、Sybase *IBM 商業(yè)購(gòu)得的數(shù)據(jù)庫(kù)服務(wù)器。在一個(gè)實(shí)施例中，系統(tǒng)例如Berkeley數(shù)據(jù)庫(kù)，該數(shù)據(jù)庫(kù)是開 放源、可嵌入數(shù)據(jù)庫(kù)族，它允許開發(fā)者在其應(yīng)用中納入具有技術(shù)等級(jí)可靠性和可獲得性 的快速、可升級(jí)、相互作用的數(shù)據(jù)庫(kù)引擎。
環(huán)境可如上所述地包括多個(gè)數(shù)據(jù)存儲(chǔ)以及其它存儲(chǔ)器和存儲(chǔ)介質(zhì)。這些存儲(chǔ) 介質(zhì)可位于多個(gè)位置，例如處于遠(yuǎn)離網(wǎng)絡(luò)上任意或全部計(jì)算機(jī)的一個(gè)或多個(gè)計(jì)算機(jī)本地 (和/或內(nèi)置于)的存儲(chǔ)介質(zhì)。在特定的一組實(shí)施例中，如本領(lǐng)域內(nèi)技術(shù)人員所熟知的那 樣，信息可位于存儲(chǔ)區(qū)網(wǎng)絡(luò)6AN)中。同樣，執(zhí)行分配給計(jì)算機(jī)、服務(wù)器或其它網(wǎng)絡(luò)設(shè) 備的功能的任意必要文件可按需本地或遠(yuǎn)程地存儲(chǔ)。在系統(tǒng)包括計(jì)算設(shè)備的情形下，每 個(gè)這種設(shè)備可包括經(jīng)由縱向電耦合的硬件元件，所述元件包括例如至少一個(gè)中央處理單 元(CPU)、至少一個(gè)輸入設(shè)備(例如鼠標(biāo)、鍵盤、控制器或小鍵盤)以及至少一個(gè)輸出設(shè) 備(例如顯示設(shè)備、打印機(jī)或揚(yáng)聲器)。這種系統(tǒng)還可包括一個(gè)或多個(gè)存儲(chǔ)設(shè)備，例如盤 驅(qū)動(dòng)器、光學(xué)存儲(chǔ)設(shè)備以及例如隨機(jī)存取存儲(chǔ)器(RAM)或只讀存儲(chǔ)器(ROM)的固態(tài)存 儲(chǔ)設(shè)備以及可移動(dòng)媒體設(shè)備、記憶卡、閃存卡等。
這類設(shè)備還可包括如前所述的計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)讀取器、通信設(shè)備(例如調(diào) 制解調(diào)器、網(wǎng)卡(無(wú)線或有線)、紅外通信設(shè)備等)以及工作存儲(chǔ)器。計(jì)算機(jī)可讀存儲(chǔ)介 質(zhì)讀取器可連接于或配置成接收計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)的代表 是遠(yuǎn)程、本地、固定和/或可移動(dòng)存儲(chǔ)設(shè)備以及臨時(shí)和/或更多是永久地包含、存儲(chǔ)、傳 輸和檢索計(jì)算機(jī)可讀信息的存儲(chǔ)介質(zhì)。系統(tǒng)和各設(shè)備通常還包括位于至少一個(gè)工作存儲(chǔ) 設(shè)備中的數(shù)個(gè)軟件應(yīng)用、模塊、服務(wù)或其它元件，包括操作系統(tǒng)和應(yīng)用程序，例如客戶 應(yīng)用或Web瀏覽器。要理解，供選實(shí)施例可具有上述內(nèi)容的許多變化形式。例如，也 可使用定制的硬件和/或特殊元件可實(shí)現(xiàn)為硬件、軟件(包括可移植軟件，例如小應(yīng)用程 序)或其兩者。此外，可采用對(duì)例如網(wǎng)絡(luò)輸入/輸出設(shè)備的其它計(jì)算設(shè)備的連接。
包含代碼或部分代碼的存儲(chǔ)介質(zhì)和計(jì)算機(jī)可讀介質(zhì)可包括業(yè)內(nèi)公知或公用的任 意合適介質(zhì)，包括存儲(chǔ)介質(zhì)和通信介質(zhì)，例如但不局限于實(shí)現(xiàn)為用于存儲(chǔ)和/或傳輸信息的任何方法和技術(shù)一例如計(jì)算機(jī)可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序模塊或其它數(shù)據(jù)一的 易失性和非易失性、可移動(dòng)和不可移動(dòng)的介質(zhì)，包括RAM、ROM、EEPROM、閃存或其 它存儲(chǔ)技術(shù)、CD-ROM、數(shù)字多功能盤(DVD)或其它光學(xué)存儲(chǔ)器、磁帶盒、磁帶、磁盤 存儲(chǔ)器或其它磁性存儲(chǔ)設(shè)備或可用來(lái)存儲(chǔ)所要求信息并能由系統(tǒng)設(shè)備訪問的任意其它介 質(zhì)。基于本文提供的公開內(nèi)容和教義，本領(lǐng)域內(nèi)技術(shù)人員能理解實(shí)現(xiàn)各實(shí)施例的其它方 式和/或方法。
因此，說(shuō)明書和附圖被認(rèn)為是示例性的而非限定性的。然而，很明顯可對(duì)其許 多修正和改變而不脫離如權(quán)利要求書所述的本發(fā)明更寬的精神和范圍。
權(quán)利要求
1.一種傳遞用于生成Web頁(yè)的圖像的計(jì)算機(jī)實(shí)現(xiàn)方法，包括 在客戶設(shè)備上接收來(lái)自Web瀏覽器的請(qǐng)求；響應(yīng)于接收所述請(qǐng)求，確定要用來(lái)生成通過所述Web瀏覽器來(lái)顯示的Web頁(yè)的多個(gè) 圖像；響應(yīng)于接收所述請(qǐng)求將所述多個(gè)圖像組合成主圖像； 存儲(chǔ)所述多個(gè)圖像中的每一個(gè)相對(duì)于所述主圖像的位置和尺寸信息；以及 響應(yīng)于所述請(qǐng)求將主圖像、位置信息和尺寸信息提供給客戶設(shè)備，在所述客戶設(shè)備 上的級(jí)聯(lián)式表單(CSS)子圖形模塊能利用位置和尺寸信息在所述主圖像中定位并提取所 述多個(gè)圖像中的每一個(gè)圖像，從而響應(yīng)于所述請(qǐng)求來(lái)生成要顯示在Web瀏覽器中的Web 頁(yè)。
2.如權(quán)利要求1所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于，所述CSS子圖形應(yīng)用利用位置信息和尺寸信息來(lái)形成相對(duì)于所述主圖像的視口，籍 此所述視口能相應(yīng)地移動(dòng)并重新調(diào)整尺寸以提取所述多個(gè)圖像中的任一個(gè)圖像。
3.如權(quán)利要求1所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于，還包括在將所述多個(gè)圖像組合到一起之前從多個(gè)源中檢索所確定的多個(gè)圖像。
4.一種在電子環(huán)境中傳輸圖像的計(jì)算機(jī)實(shí)現(xiàn)方法，包括 響應(yīng)于接收內(nèi)容的請(qǐng)求，確定與所述內(nèi)容關(guān)聯(lián)的多個(gè)圖像； 響應(yīng)于接收所述請(qǐng)求將多個(gè)圖像組成成主圖像；存儲(chǔ)所述多個(gè)圖像中的每個(gè)圖像相對(duì)于所述主圖像的位置信息；以及 響應(yīng)于所述請(qǐng)求提供所述主圖像和所述位置信息，籍此所述多個(gè)圖像中的每一個(gè)圖 像能使用所述位置信息被提取出。
5.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于存儲(chǔ)位置信息包括為所述多個(gè)圖像中的每個(gè)圖像確定與所述主圖像中的每個(gè)圖像 的位置對(duì)應(yīng)的一組坐標(biāo)。
6.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于，還包括存儲(chǔ)所述多個(gè)圖像中的每個(gè)圖像的尺寸信息，所述尺寸信息能與所述位置信息一起 被提供以便用于提取所述多個(gè)圖像中的每個(gè)圖像。
7.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于通過使用在提供設(shè)備和接收設(shè)備之間的單次連接，提供所述主圖像和位置信息。
8.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于全部多個(gè)圖像被提供在所述主圖像中而不需要接下來(lái)的請(qǐng)求以獲得所述多個(gè)圖像中 的任何一個(gè)。
9.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于，還包括確定關(guān)聯(lián)于用來(lái)顯示所請(qǐng)求內(nèi)容的界面的多個(gè)部分的分離的多個(gè)圖像；以及 將分離的多個(gè)圖像組成為分離的主圖像并響應(yīng)于所述請(qǐng)求提供分離的主圖像，籍此 分離的多個(gè)圖像能被提取并被用于生成所述界面。
10.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于，還包括使用所述主圖像和位置信息來(lái)生成圖像映射，其中所述位置信息被用于確定所述主 圖像中的多個(gè)圖像中的每一個(gè)圖像的映射。
11.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于，還包括在將所述多個(gè)圖像組合到一起之前從多個(gè)源中檢索所確定的多個(gè)圖像。
12.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于 所述內(nèi)容關(guān)聯(lián)于通過電子市場(chǎng)消費(fèi)的項(xiàng)。
13.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于將所述多個(gè)圖像組合到一起包括將所述多個(gè)圖像的第一部分組合成第一主圖像， 并將所述多個(gè)圖像的第二部分組合成第二主圖像，籍此第一和第二主圖像能通過分開的 連接被同時(shí)提供。
14.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于 所述主圖像包含用于生成與內(nèi)容關(guān)聯(lián)的多個(gè)頁(yè)的圖像。
15.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于，還包括確定所述主圖像中的所述多個(gè)圖像中的每一個(gè)圖像的位置以使所述主圖像的帆布尺 寸減至最小。
16.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于，還包括 生成所述主圖像的新色圖以減小所述主圖像的存儲(chǔ)大小。
17.如權(quán)利要求4所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于，還包括對(duì)所述主圖像和位置信息進(jìn)行高速緩存，由此不需要響應(yīng)于基本相同的內(nèi)容的后繼 請(qǐng)求而對(duì)所述多個(gè)圖像進(jìn)行重新組合。
18.一種提供搜索結(jié)果的計(jì)算機(jī)實(shí)現(xiàn)方法，包括 接收包括查詢信息的請(qǐng)求；確定與所述查詢信息對(duì)應(yīng)的一組搜索結(jié)果，這組結(jié)果包括多個(gè)圖像； 響應(yīng)于接收所述請(qǐng)求而將所述多個(gè)圖像組合成主圖像，并存儲(chǔ)所述多個(gè)圖像中的每 個(gè)圖像相對(duì)于主圖像的位置信息；以及響應(yīng)于所述請(qǐng)求提供所述主圖像、位置信息以及關(guān)于這組搜索結(jié)果的信息，籍此能 夠使用位置信息來(lái)提取所述多個(gè)圖像中的每個(gè)圖像以生成包括所述多個(gè)圖像中的至少一 部分的搜索結(jié)果頁(yè)。
19.如權(quán)利要求18所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于，還包括提供所述主圖像、位置信息和關(guān)于這組搜索結(jié)果的信息的高速緩存，籍此能在搜索 結(jié)果的多個(gè)分離的頁(yè)上提取所述多個(gè)圖像。
20.如權(quán)利要求18所述的計(jì)算機(jī)實(shí)現(xiàn)方法，其特征在于，還包括確定所述主圖像中的多個(gè)圖像中的每個(gè)圖像的位置以使所述主圖像的帆布尺寸減至 最小。
21.—種在電子環(huán)境中傳輸圖像的系統(tǒng)，包括 處理器；以及存儲(chǔ)設(shè)備，所述存儲(chǔ)設(shè)備包括在由所述處理器執(zhí)行時(shí)使所述處理器實(shí)現(xiàn)下列操作的 指令響應(yīng)于接收內(nèi)容請(qǐng)求，確定與所述請(qǐng)求的內(nèi)容關(guān)聯(lián)的多個(gè)圖像； 響應(yīng)于接收內(nèi)容請(qǐng)求，將所述多個(gè)圖像組合成主圖像； 存儲(chǔ)所述多個(gè)圖像中的每個(gè)圖像相對(duì)于所述主圖像的位置信息；以及響應(yīng)于所述請(qǐng)求提供主圖像和位置信息，籍此所述多個(gè)圖像中的每個(gè)圖像能使用所 述位置信息被提取出。
22.如權(quán)利要求21所述的系統(tǒng)，其特征在于，所述存儲(chǔ)設(shè)備還包括在由所述處理器執(zhí) 行時(shí)使所述處理器實(shí)現(xiàn)下列操作的指令確定所述主圖像中的多個(gè)圖像中的每個(gè)圖像的位置以使所述主圖像的尺寸減至最
23.如權(quán)利要求21所述的系統(tǒng)，其特征在于，所述存儲(chǔ)設(shè)備還包括在由所述處理器執(zhí) 行時(shí)使所述處理器實(shí)現(xiàn)下列操作的指令生成所述主圖像的新色圖以減小所述主圖像的存儲(chǔ)大小。
24.—種內(nèi)置在計(jì)算機(jī)可讀介質(zhì)中以在電子環(huán)境中傳遞圖像的計(jì)算機(jī)程序產(chǎn)品，包括響應(yīng)于接收內(nèi)容請(qǐng)求確定與所請(qǐng)求的內(nèi)容關(guān)聯(lián)的多個(gè)圖像的程序代碼； 響應(yīng)于接收內(nèi)容請(qǐng)求將所述多個(gè)圖像組合成主圖像的程序代碼； 存儲(chǔ)所述多個(gè)圖像中的每個(gè)圖像相對(duì)于所述主圖像的位置信息的程序代碼；以及 響應(yīng)于所述請(qǐng)求提供主圖像和位置信息由此能使用所述位置信息提取所述多個(gè)圖像 中的每個(gè)圖像的程序代碼。
25.如權(quán)利要求24所述的計(jì)算機(jī)程序產(chǎn)品，其特征在于，還包括確定所述主圖像中的多個(gè)圖像中的每個(gè)圖像的位置以使所述主圖像的大小減至最小 的程序代碼。
全文摘要
需要在電子環(huán)境中獲得或提供圖像內(nèi)容的連接數(shù)和/或請(qǐng)求可通過在需要為請(qǐng)求提供服務(wù)時(shí)動(dòng)態(tài)地組成該內(nèi)容。在網(wǎng)絡(luò)上傳輸大量圖像的情形下，可在傳輸請(qǐng)求時(shí)確定多個(gè)圖像并將這些圖像組合成一個(gè)主圖像。可存儲(chǔ)這些圖像的位置信息并隨著主圖像一起傳送至請(qǐng)求傳輸?shù)脑O(shè)備。使用具有圖像尺寸信息的位置信息，設(shè)備能使用例如級(jí)聯(lián)式表單(CSS)子圖形的應(yīng)用來(lái)提取多個(gè)圖像中的每個(gè)圖像，由此使用單個(gè)請(qǐng)求或單個(gè)連接來(lái)獲得全部圖像。如果合適，則可使用多個(gè)主圖像。
文檔編號(hào)G06F17/30GK102027469SQ200980115713
公開日2011年4月20日 申請(qǐng)日期2009年2月25日 優(yōu)先權(quán)日2008年3月27日
發(fā)明者D·高, S·M·斯科特 申請(qǐng)人:亞馬遜技術(shù)股份有限公司