本發(fā)明實施例涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域,尤其涉及一種圖片資源下載處理方法、終端和資源服務(wù)器。
背景技術(shù):
隨著信息技術(shù)的進(jìn)步和居民收入的增加,智能終端的普及率大大提高。目前的智能終端能夠支持越來越多的功能,使得人們可以使用智能終端進(jìn)行各式各樣的操作。其中,通過智能終端中的瀏覽器訪問網(wǎng)頁,是人們獲取各類數(shù)據(jù)的常用手段之一。人們只需在瀏覽器的搜索欄中輸入待訪問網(wǎng)頁的網(wǎng)址,瀏覽器就可以通過移動網(wǎng)絡(luò)訪問發(fā)布該網(wǎng)頁內(nèi)容的網(wǎng)站服務(wù)器,從而使得人們可以通過瀏覽器瀏覽該網(wǎng)頁發(fā)布的內(nèi)容。
現(xiàn)有技術(shù)中,終端設(shè)備中的瀏覽器在獲取網(wǎng)站服務(wù)器發(fā)布的網(wǎng)頁內(nèi)容時,一般都是直接獲取該網(wǎng)頁上的資源。具體來說,在獲取圖片資源時,根據(jù)圖片的URL(Uniform Resource Locator:統(tǒng)一資源定位符)信息直接獲取該圖片資源。
然而,在實現(xiàn)本發(fā)明實施例的過程中發(fā)明人發(fā)現(xiàn),當(dāng)待獲取的圖片資源過大時,采用上述直接獲取圖片資源的方法會導(dǎo)致獲取的時間較長,從而使得瀏覽器在顯示文字資源之后需要經(jīng)過一段時間才能夠顯示圖片資源,使得瀏覽器的負(fù)擔(dān)較重。且當(dāng)瀏覽器所在的智能終端通過移動蜂窩網(wǎng)絡(luò)(例如3G、4G網(wǎng)絡(luò))訪問網(wǎng)站服務(wù)器時,采用上述方法還會導(dǎo)致智能終端消耗較多的流量。
技術(shù)實現(xiàn)要素:
本發(fā)明實施例提供一種圖片資源下載處理方法、終端、資源服務(wù)器,用以解決現(xiàn)有技術(shù)中瀏覽器獲取圖片資源時間較長缺陷。
第一方面,本發(fā)明實施例提供一種圖片資源下載處理方法,包括:
接收待訪問網(wǎng)頁的主資源,所述主資源包括所述網(wǎng)頁中包括的圖片的URL信息;
將所述圖片的URL信息發(fā)送給資源服務(wù)器,以供所述資源服務(wù)器根據(jù)所述URL信息獲取所述圖片,并對所述圖片進(jìn)行壓縮處理,獲得處理后的圖片;
接收所述資源服務(wù)器發(fā)送的所述處理后的圖片,并顯示在所述待訪問網(wǎng)頁中。
可選地,所述對所述圖片進(jìn)行壓縮處理,獲得處理后的圖片包括:對所述圖片進(jìn)行轉(zhuǎn)碼處理,獲得轉(zhuǎn)碼后的圖片;
所述接收所述資源服務(wù)器發(fā)送的所述處理后的圖片,并顯示在所述待訪問網(wǎng)頁中包括:接收并解碼所述資源服務(wù)器發(fā)送的所述轉(zhuǎn)碼后的圖片,并顯示在所述待訪問網(wǎng)頁中。
可選地,所述轉(zhuǎn)碼后的圖片的格式為WebP格式。
可選地,所述將所述圖片的URL信息發(fā)送給資源服務(wù)器的同時,所述方法還包括:
向所述資源服務(wù)器上報當(dāng)前的網(wǎng)絡(luò)連接狀態(tài)信息;
相應(yīng)地,所述對所述圖片進(jìn)行壓縮處理,獲得處理后的圖片包括:
根據(jù)所述網(wǎng)絡(luò)連接狀態(tài)信息,對所述圖片進(jìn)行對應(yīng)的壓縮處理,獲得處理后的圖片。
第二方面,本發(fā)明實施例還提供另一種圖片資源下載處理方法,包括:
接收終端發(fā)送的圖片的URL信息,所述圖片的URL信息是所述終端在網(wǎng)站服務(wù)器發(fā)送的待訪問網(wǎng)頁的主資源中獲取到的;
根據(jù)所述URL信息獲取所述圖片,并對所述圖片進(jìn)行壓縮處理,獲得處理后的圖片;
向所述終端返回所述處理后的圖片。
可選地,所述對所述圖片進(jìn)行壓縮處理,獲得處理后的圖片包括:對所述圖片進(jìn)行轉(zhuǎn)碼處理,獲得轉(zhuǎn)碼后的圖片。
可選地,所述轉(zhuǎn)碼后的圖片的格式為WebP格式。
可選地,所述方法還包括:
接收所述終端上報的當(dāng)前的網(wǎng)絡(luò)連接狀態(tài)信息;
相應(yīng)地,所述對所述圖片進(jìn)行壓縮處理,獲得處理后的圖片包括:
根據(jù)所述網(wǎng)絡(luò)連接狀態(tài)信息,對所述圖片進(jìn)行對應(yīng)的壓縮處理,獲得處理后的圖片。
第三方面,本發(fā)明實施例還提供一種終端,包括:
第一接收單元,用于接收待訪問網(wǎng)頁的主資源,所述主資源包括所述網(wǎng)頁中包括的圖片的URL信息;
第一發(fā)送單元,用于將所述圖片的URL信息發(fā)送給資源服務(wù)器,以供所述資源服務(wù)器根據(jù)所述URL信息獲取所述圖片,并對所述圖片進(jìn)行壓縮處理,獲得處理后的圖片;
所述第一接收單元,還用于接收所述資源服務(wù)器發(fā)送的所述處理后的圖片;
處理單元,用于將所述處理后的圖片顯示在所述待訪問網(wǎng)頁中。
可選地,所述第一接收單元,還用于接收并解碼所述資源服務(wù)器發(fā)送的轉(zhuǎn)碼后的圖片,其中所述轉(zhuǎn)碼后的圖片為所述資源服務(wù)器對所述圖片進(jìn)行轉(zhuǎn)碼處理之后獲得的圖片;
所述處理單元,還用于對所述轉(zhuǎn)碼后的圖片進(jìn)行解碼,并顯示在所述待訪問網(wǎng)頁中。
可選地,所述轉(zhuǎn)碼后的圖片的格式為WebP格式。
可選地,所述第一發(fā)送單元,在將圖片的URL信息發(fā)送給資源服務(wù)器的同時,還用于向所述資源服務(wù)器上報當(dāng)前的網(wǎng)絡(luò)連接狀態(tài)信息,以使所述資源服務(wù)器根據(jù)所述網(wǎng)絡(luò)連接狀態(tài)信息,對所述圖片進(jìn)行對應(yīng)的壓縮處理,獲得處理后的圖片。
第四方面,本發(fā)明實施例還提供一種資源服務(wù)器,包括:
接收單元,用于接收終端發(fā)送的圖片的URL信息,所述圖片的URL信息是所述終端在網(wǎng)站服務(wù)器發(fā)送的待訪問網(wǎng)頁的主資源中獲取到的;
壓縮單元,用于根據(jù)所述URL信息獲取所述圖片,并對所述圖片進(jìn)行壓縮處理,獲得處理后的圖片;
發(fā)送單元,用于向所述終端返回所述處理后的圖片。
可選地,所述壓縮單元,還用于對所述圖片進(jìn)行轉(zhuǎn)碼處理,獲得轉(zhuǎn)碼后的圖片。
可選地,所述轉(zhuǎn)碼后的圖片的格式為WebP格式。
可選地,所述接收單元,還用于接收所述終端上報的當(dāng)前的網(wǎng)絡(luò)連接狀態(tài)信息;
所述壓縮單元,還用于根據(jù)所述網(wǎng)絡(luò)連接狀態(tài)信息,對所述圖片進(jìn)行對應(yīng)的壓縮處理,獲得處理后的圖片。
本發(fā)明實施例提供的圖片資源下載處理方法中,終端設(shè)備中瀏覽器在獲取網(wǎng)站服務(wù)器的主資源之后,將其中圖片資源的URL信息上報給資源服務(wù)器,以使資源服務(wù)器獲取該圖片并對該圖片進(jìn)行壓縮再返回給瀏覽器。此時瀏覽器獲取到的圖片資源為資源服務(wù)器壓縮之后的圖片資源,因此,采用本發(fā)明實施例提供的方法能夠有效提高瀏覽器獲取圖片資源的速度,減輕瀏覽器的負(fù)擔(dān)。且由于瀏覽器與資源服務(wù)器之間的交互時間非常短,因此在用戶瀏覽網(wǎng)頁時,瀏覽器幾乎能夠同時顯示文字資源和圖片資源,從而使得用戶的瀏覽體驗得到有效提升。
附圖說明
為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案,下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作一簡單地介紹,顯而易見地,下面描述中的附圖是本發(fā)明的一些實施例,對于本領(lǐng)域普通技術(shù)人員來講,在不付出創(chuàng)造性勞動的前提下,還可以根據(jù)這些附圖獲得其他的附圖。
圖1為本發(fā)明提供的一種圖片資源下載處理方法實施例流程圖;
圖2為圖1示出的方法的一種具體的圖片資源下載處理方法實施例流程圖;
圖3為本發(fā)明提供的又一種圖片資源下載處理方法實施例流程圖;
圖4為圖3示出的方法的一種具體的圖片資源下載處理方法實施例流程圖;
圖5圖1示出的方法的又一種具體的圖片資源下載處理方法實施例流程圖;
圖6為本發(fā)明提供的終端實施例結(jié)構(gòu)框圖;
圖7為本發(fā)明提供的資源服務(wù)器實施例結(jié)構(gòu)框圖;
圖8為本發(fā)明提供的一種圖片資源下載處理系統(tǒng)實施例結(jié)構(gòu)框圖。
具體實施方式
為使本發(fā)明實施例的目的、技術(shù)方案和優(yōu)點更加清楚,下面將結(jié)合本發(fā)明實施例中的附圖,對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述,顯然,所描述的實施例是本發(fā)明一部分實施例,而不是全部的實施例?;诒景l(fā)明中的實施例,本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實施例,都屬于本發(fā)明保護(hù)的范圍。
第一方面,本發(fā)明實施例提供了一種圖片資源下載處理方法,如圖1所示,包括:
S101、接收待訪問網(wǎng)頁的主資源,該主資源包括網(wǎng)頁中包括的圖片的URL信息;
具體來說,當(dāng)用戶觸發(fā)瀏覽器進(jìn)行網(wǎng)頁訪問操作時,終端中的瀏覽器客戶端(以下簡稱瀏覽器)可以根據(jù)待訪問網(wǎng)頁的網(wǎng)址通過網(wǎng)絡(luò)與相應(yīng)的發(fā)布該網(wǎng)頁內(nèi)容的網(wǎng)站服務(wù)器建立連接,此時,該網(wǎng)站服務(wù)器可以向瀏覽器發(fā)送的待訪問網(wǎng)頁的主資源。其中,該主資源可以包括網(wǎng)頁中包含的圖片信息,具體可以為圖片的URL信息(可以理解為圖片資源的鏈接)。還可以包括其他資源,例如文字資源,動畫資源等等,本發(fā)明實施例對此不作具體限定。
S102、將圖片的URL信息發(fā)送給資源服務(wù)器,以供資源服務(wù)器根據(jù)URL信息獲取圖片,并對圖片進(jìn)行壓縮處理,獲得處理后的圖片;
具體來說,在瀏覽器獲取主資源中包含的圖片URL信息之后,不會直接根據(jù)該URL信息獲取圖片內(nèi)容,而是將該圖片的URL信息通過終端上報給資源服務(wù)器,以使資源服務(wù)器在獲取這一信息之后,根據(jù)該信息獲取該圖片資源。為了使得瀏覽器能夠獲取到較小的圖片資源,此時資源服務(wù)器會對獲取到的圖片資源進(jìn)行壓縮,將圖片資源的大小降低以供瀏覽器獲取。
需要說明的是,這里的資源服務(wù)器為自有的服務(wù)器,也即為用于提供圖片資源下載處理功能的內(nèi)部專用服務(wù)器。該資源服務(wù)器在瀏覽器從網(wǎng)站服務(wù)器獲取網(wǎng)頁資源的過程中充當(dāng)?shù)谌椒?wù)器的角色,能夠?qū)@取圖片資源的負(fù)擔(dān)轉(zhuǎn)移至自身,并對圖片資源進(jìn)行壓縮。由于其回傳給瀏覽器的圖片占用空間較小,因此可以使得瀏覽器以較快的速度獲取圖片資源。
S103、接收資源服務(wù)器發(fā)送的處理后的圖片,并顯示在待訪問網(wǎng)頁中。
具體來說,在資源服務(wù)器對圖片進(jìn)行壓縮處理之后,會將處理后的圖片發(fā)送給瀏覽器,瀏覽器在接收圖片資源之后,會對該圖片進(jìn)行解壓并將其顯示在待訪問網(wǎng)頁的對應(yīng)位置中以供用戶瀏覽。
本發(fā)明實施例提供的圖片資源下載處理方法中,終端設(shè)備中瀏覽器在獲取網(wǎng)站服務(wù)器的主資源之后,將其中圖片資源的URL信息上報給資源服務(wù)器,以使資源服務(wù)器獲取該圖片并對該圖片進(jìn)行壓縮再返回給瀏覽器。此時瀏覽器獲取到的圖片資源為資源服務(wù)器壓縮之后的圖片資源,因此,采用本發(fā)明實施例提供的方法能夠有效提高瀏覽器獲取圖片資源的速度,減輕瀏覽器的負(fù)擔(dān)。且由于瀏覽器與資源服務(wù)器之間的交互時間非常短,因此在用戶瀏覽網(wǎng)頁時,瀏覽器幾乎能夠同時顯示文字資源和圖片資源,從而使得用戶的瀏覽體驗得到有效提升。
在上述實施例的基礎(chǔ)上,本發(fā)明實施例又提供了一種優(yōu)選的圖片資源下載處理方法,如圖2所示。具體包括:
S101、接收網(wǎng)站服務(wù)器發(fā)送的待訪問網(wǎng)頁的主資源,該主資源包括網(wǎng)頁中包括的圖片的URL信息;
步驟S201的內(nèi)容與上述實施例中的步驟S101的處理方法一致,此處不再贅述。
S102a、將圖片的URL信息發(fā)送給資源服務(wù)器,以供資源服務(wù)器根據(jù)URL信息獲取圖片,并對圖片進(jìn)行轉(zhuǎn)碼處理,獲得轉(zhuǎn)碼后的圖片;
具體來說,在瀏覽器獲取主資源中包含的圖片URL信息之后,將該圖片的URL信息通過終端上報給資源服務(wù)器。資源服務(wù)器在獲取這一信息之后,首先根據(jù)URL信息獲取圖片資源,再對圖片資源進(jìn)行壓縮。其中,這里的壓縮可以通過多種方式實施,例如,可以將圖片資源由占用空間較大的格式轉(zhuǎn)碼為占用空間較小的格式,以供瀏覽器獲取該圖片資源。
S102b、接收并解碼資源服務(wù)器發(fā)送的轉(zhuǎn)碼后的圖片,并顯示在待訪問網(wǎng)頁中。
具體來說,瀏覽器在接收轉(zhuǎn)碼后的圖片后,首先識別該圖片當(dāng)前的格式,再調(diào)用相應(yīng)的解碼器進(jìn)行解碼,并將解碼之后的圖片顯示在待訪問網(wǎng)頁的對應(yīng)位置中。
本發(fā)明實施例提供的方法中,瀏覽器向資源服務(wù)器發(fā)送圖片的URL信息,以使資源服務(wù)器獲取圖片并對圖片進(jìn)行轉(zhuǎn)碼,使得瀏覽器能夠獲取占用空間較小且圖片內(nèi)容不失真的圖片資源,從而使得瀏覽器能夠在保證用戶瀏覽質(zhì)量的前提下快速顯示網(wǎng)頁內(nèi)容中的圖片資源,提升用戶的閱讀體驗。
在具體實施時,第二個方法實施例中的轉(zhuǎn)碼前的圖片格式可能為較為常用的且占用空間較大的圖片格式,例如,可能為gif、JEPG、png等。轉(zhuǎn)碼后的圖片的格式可以為WebP格式,其中,WebP格式為谷歌開發(fā)的一種旨在加快圖片加載速度的圖片格式,圖片壓縮體積大約只有JPEG格式圖片大小的2/3,并能節(jié)省大量的服務(wù)器帶寬資源和數(shù)據(jù)空間。當(dāng)然,也可以為其他較小的格式,本發(fā)明不作具體限定。
在具體實施時,上述兩個方法實施例中,步驟S102以及步驟S102a在將圖片的URL信息發(fā)送給資源服務(wù)器的同時,還可以包括:
向資源服務(wù)器上報當(dāng)前的網(wǎng)絡(luò)連接狀態(tài)信息,以使資源服務(wù)器根據(jù)網(wǎng)絡(luò)連接狀態(tài)信息,對圖片進(jìn)行對應(yīng)的壓縮處理,獲得處理后的圖片。
其中,這里的對應(yīng)的壓縮處理可以為根據(jù)不同的網(wǎng)絡(luò)連接狀態(tài)信息(如連接3G網(wǎng)絡(luò)、4G網(wǎng)絡(luò)或WIFI)對圖片進(jìn)行不同清晰度的壓縮處理。這樣做的好處是,在用戶沒有接入WIFI時,資源服務(wù)器能夠?qū)D片壓縮至很小,因此,瀏覽器只需消耗較少的流量就能夠獲取圖片。此外,雖然壓縮之后的圖片清晰度會有所下降,但這樣的下降對于瀏覽該圖片的用戶來說與壓縮之前的圖片并沒有太大區(qū)別。因此,根據(jù)不同的網(wǎng)絡(luò)環(huán)境對圖片進(jìn)行不同清晰度的壓縮完全不影響用戶的正常瀏覽,能夠滿足用戶的閱讀需求。
第二方面,本發(fā)明實施例還提供了一種圖片資源下載處理方法,如圖3所示,包括:
S301、接收終端發(fā)送的圖片的URL信息,圖片的URL信息是終端在網(wǎng)站服務(wù)器發(fā)送的待訪問網(wǎng)頁的主資源中獲取到的;
具體來說,當(dāng)用戶觸發(fā)網(wǎng)頁訪問操作時,終端中的瀏覽器會獲取網(wǎng)站服務(wù)器發(fā)送的待訪問網(wǎng)頁的主資源。之后,資源服務(wù)器會接收到由瀏覽器發(fā)送的圖片的URL信息。其中,該圖片的URL信息是從瀏覽器獲取的主資源中得到的??梢岳斫獾氖?,這里的主資源還可以包括其他資源,例如文字資源或動畫資源,本發(fā)明實施例對此不作具體限定。
S302、根據(jù)URL信息獲取圖片,并對述圖片進(jìn)行壓縮處理,獲得處理后的圖片;
具體來說,資源服務(wù)器在獲取URL信息,根據(jù)該信息獲取該圖片資源。在獲取之后,資源服務(wù)器會對獲取到的圖片資源進(jìn)行壓縮,瀏覽器獲取壓縮后的占用空間較小的圖片資源。
S303、向終端返回處理后的圖片。
具體來說,在資源服務(wù)器將圖片壓縮之后,就會向瀏覽器快速回傳壓縮后的圖片,以使瀏覽器能夠及時顯示獲取到的圖片,提高用戶的閱讀體驗。
本發(fā)明實施例提供的圖片資源下載處理方法中,資源服務(wù)器為自有的服務(wù)器,也即為用于提供圖片資源下載處理功能的內(nèi)部專用服務(wù)器。該資源服務(wù)器在瀏覽器從網(wǎng)站服務(wù)器獲取網(wǎng)頁資源的過程中充當(dāng)?shù)谌椒?wù)器的角色。資源服務(wù)器在接收到瀏覽器發(fā)送的URL信息后,會根據(jù)該信息獲取圖片并對圖片進(jìn)行壓縮再返回給瀏覽器,使得瀏覽器獲取圖片資源的速度得到有效的提高。此外,采用本實施例提供的方法能夠?qū)@取圖片以及壓縮圖片的任務(wù)轉(zhuǎn)移由瀏覽器至資源服務(wù)器端來完成,使得瀏覽器變?yōu)橐粋€較輕的客戶端,有效減輕瀏覽器的負(fù)擔(dān),從而使得瀏覽器的性能提升。
在上述方法實施例的基礎(chǔ)上,本發(fā)明實施例還提供了一種圖片資源下載處理方法,如圖4所示具體包括:
S301、接收終端發(fā)送的圖片的URL信息,圖片的URL信息是終端在網(wǎng)站服務(wù)器發(fā)送的待訪問網(wǎng)頁的主資源中獲取到的;
由于上一實施例已經(jīng)對步驟S301進(jìn)行了詳細(xì)說明,在此不再贅述。
S302a、根據(jù)URL信息獲取圖片,并對圖片進(jìn)行轉(zhuǎn)碼處理,獲得轉(zhuǎn)碼后的圖片;
具體來說,資源服務(wù)器根據(jù)URL信息獲取圖片,并將該圖片由占用空間較大的編碼格式轉(zhuǎn)換為占用空間較小的編碼格式。進(jìn)一步地,轉(zhuǎn)碼前的圖片格式可能為gif、JEPG、png等較大格式,而這里的轉(zhuǎn)碼后的圖片的格式可以為WebP格式。當(dāng)然,也可以為其他較小的格式,本發(fā)明不作具體限定。
S303、向終端返回處理后的圖片。
由于上一實施例已經(jīng)對步驟S303進(jìn)行了詳細(xì)說明,在此也不再贅述。
可以理解的是,本發(fā)明實施例提供的方法中,對圖片進(jìn)行轉(zhuǎn)碼雖然會對圖片造成一定損失,但這些損失不足以使圖片變得失真。對于查看該圖片的用戶來說,查看轉(zhuǎn)碼之前的圖片與查看轉(zhuǎn)碼之后的圖片并沒有什么區(qū)別。因此,這樣的轉(zhuǎn)碼能夠在保證用戶正常瀏覽的前提下對圖片進(jìn)行有效壓縮,從而實現(xiàn)向瀏覽器快速回傳圖片資源的目的。
在上述方法實施例的基礎(chǔ)上,本發(fā)明實施例還提供了一種圖片資源下載處理方法,如圖5所示具體包括:
S301b、接收終端發(fā)送的圖片的URL信息以及終端當(dāng)前的網(wǎng)絡(luò)連接狀態(tài)信息,圖片的URL信息是終端在網(wǎng)站服務(wù)器發(fā)送的待訪問網(wǎng)頁的主資源中獲取到的;
具體來說,瀏覽器在將圖片的URL信息發(fā)送給資源服務(wù)器的同時,還向資源服務(wù)器發(fā)送當(dāng)前的網(wǎng)絡(luò)連接狀態(tài)信息。這里的網(wǎng)絡(luò)連接狀態(tài)信息具體為瀏覽器所在的終端當(dāng)前連接的網(wǎng)絡(luò)的信息。例如,終端當(dāng)前連接的網(wǎng)絡(luò)信息可以為3G網(wǎng)絡(luò)、4G網(wǎng)絡(luò)或WIFI等。
S302b、根據(jù)URL信息獲取圖片以及蘇搜狐網(wǎng)絡(luò)連接狀態(tài)信息,對圖片進(jìn)行對應(yīng)的壓縮處理,從而獲得處理后的圖片;
資源服務(wù)器在接收到這一信息之后,可以根據(jù)不同的網(wǎng)絡(luò)連接狀態(tài)信息對圖片進(jìn)行不同清晰度的壓縮。例如,在當(dāng)前的連接為3G網(wǎng)絡(luò)狀態(tài)下,壓縮之后圖片的清晰度可以為原來的40%;在當(dāng)前的連接為4G網(wǎng)絡(luò)狀態(tài)下,壓縮之后圖片的清晰度可以為原來的60%;在當(dāng)前的連接為WIFI狀態(tài)下,壓縮之后圖片的清晰度可以為原來的100%。
S303、向終端返回處理后的圖片。
由于之前的實施例已經(jīng)對步驟S303進(jìn)行了詳細(xì)說明,在此也不再贅述。
本發(fā)明實例提供的方法中,在用戶沒有接入WIFI時,資源服務(wù)器能夠?qū)D片壓縮至盡可能的小,瀏覽器在獲取圖片時只需消耗較少的流量就能夠獲取。且該圖片的清晰度完全能夠滿足用戶的查看需求,不影響用戶的瀏覽。
第三方面,本發(fā)明實施例還提供了一種終端,如圖6所示,包括:第一接收單元401、第一發(fā)送單元402和處理單元403。
其中,第一接收單元401用于接收網(wǎng)站服務(wù)器發(fā)送的待訪問網(wǎng)頁的主資源,這里的主資源包括網(wǎng)頁中包含的圖片的URL信息;第一發(fā)送單元402用于將圖片的URL信息發(fā)送給資源服務(wù)器,以供資源服務(wù)器根據(jù)URL信息獲取圖片,并對圖片進(jìn)行壓縮處理,獲得處理后的圖片;第一接收單元401還用于接收資源服務(wù)器發(fā)送的處理后的圖片;處理單元403用于將處理后的圖片顯示在待訪問網(wǎng)頁中。
具體來說,當(dāng)用戶觸發(fā)瀏覽器進(jìn)行網(wǎng)頁訪問操作時,第一接收單元401獲取對應(yīng)的網(wǎng)站服務(wù)器發(fā)送的待訪問網(wǎng)頁的主資源。其中,這里的主資源可以包括網(wǎng)頁中包含的圖片信息,具體可以為圖片的URL信息,還可以包括其他資源,例如文字資源,動畫資源等等。在第一接收單元401獲取主資源中包含的圖片URL信息之后,第一發(fā)送單元402將該圖片的URL信息通過終端上報給資源服務(wù)器。以使資源服務(wù)器在獲取這一信息之后,根據(jù)該信息獲取該圖片資源。在資源服務(wù)器對圖片進(jìn)行壓縮處理之后,會將處理后的圖片快速回傳,進(jìn)而第一接收單元401將接收到由資源服務(wù)器發(fā)送的圖片資源。接著,處理單元403將該圖片資源顯示在待訪問網(wǎng)頁的對應(yīng)位置中以供用戶瀏覽。
其中,這里的資源服務(wù)器也同樣為自有的服務(wù)器,也即為用于提供圖片資源下載處理功能的內(nèi)部專用服務(wù)器。該資源服務(wù)器能夠?qū)@取圖片資源的負(fù)擔(dān)轉(zhuǎn)移至自身,并對圖片資源進(jìn)行壓縮。因此瀏覽器可以從資源服務(wù)器處以較快的速度獲取壓縮之后的占用空間較小的圖片資源并顯示該圖片資源。
本發(fā)明實施例中,在第一接收單元401獲取網(wǎng)站服務(wù)器的主資源之后,第一發(fā)送單元402將其中圖片資源的URL信息上報給資源服務(wù)器,以使資源服務(wù)器獲取該圖片并對該圖片進(jìn)行壓縮,之后第一接收單元401再接收資源服務(wù)器發(fā)送的處理之后的圖片。由于壓縮之后的圖片占用空間較小,因此獲取這樣的圖片資源相比于直接根據(jù)URL信息獲取原圖片資源所花費的時間大大減少,從而有效提高瀏覽器獲取圖片資源的速度,減輕瀏覽器的負(fù)擔(dān)。且由于瀏覽器與資源服務(wù)器之間的交互時間非常短,因此在用戶瀏覽網(wǎng)頁時,瀏覽器幾乎能夠同時顯示文字資源和圖片資源,從而使得用戶的瀏覽體驗得到有效提升。
在具體實施時,上一個終端實施例中的資源服務(wù)器對圖片進(jìn)行壓縮處理可以以多種方式實現(xiàn)。例如,資源服務(wù)器可以通過對圖片進(jìn)行轉(zhuǎn)碼處理,實現(xiàn)對圖片資源的壓縮,在轉(zhuǎn)碼處理之后獲得轉(zhuǎn)碼后的圖片。那么相應(yīng)的,第一接收單元401可以用于接收并解碼資源服務(wù)器發(fā)送的轉(zhuǎn)碼后的圖片;處理單元403可以用于對轉(zhuǎn)碼后的圖片進(jìn)行解碼,并顯示在待訪問網(wǎng)頁中。
具體來說,在第一接收單元401獲取主資源中包含的圖片URL信息之后,第一發(fā)送單元402將該圖片的URL信息通過終端上報給資源服務(wù)器,以使資源服務(wù)器在獲取這一信息之后,首先根據(jù)URL信息獲取圖片資源,再將圖片資源由較大的格式轉(zhuǎn)碼為較小的格式并快速回傳。第一接收單元401在接收轉(zhuǎn)碼后的圖片后,處理單元403首先識別該圖片當(dāng)前的格式,再調(diào)用相應(yīng)的解碼器進(jìn)行解碼,并將解碼之后的圖片顯示在待訪問網(wǎng)頁的對應(yīng)位置中。這樣做的好處是,瀏覽器能夠獲取到占用空間較小且圖片內(nèi)容不失真的圖片資源,從而能夠在保證用戶瀏覽質(zhì)量的前提下快速顯示網(wǎng)頁上的圖片資源,有效提升用戶的閱讀體驗。
其中,這里的經(jīng)過資源服務(wù)器轉(zhuǎn)碼后的圖片格式可以為WebP格式。當(dāng)然,還可以為其他占用空間較小的格式,本發(fā)明實施例對此不作具體限定。
在上述終端的實施例中,第一發(fā)送單元402在將圖片的URL信息發(fā)送給資源服務(wù)器的同時,還可以向資源服務(wù)器上報當(dāng)前的網(wǎng)絡(luò)連接狀態(tài)信息,以使資源服務(wù)器根據(jù)網(wǎng)絡(luò)連接狀態(tài)信息,對圖片進(jìn)行對應(yīng)的壓縮處理,獲得處理后的圖片。其中,這里對應(yīng)的壓縮處理可以為根據(jù)不同的網(wǎng)絡(luò)連接狀態(tài)信息(如連接3G網(wǎng)絡(luò)、4G網(wǎng)絡(luò)或WIFI)對圖片進(jìn)行的不同清晰度的處理。這樣做的好處是,在用戶沒有接入WIFI時,資源服務(wù)器能夠?qū)D片壓縮至盡可能的小,使得第一接收單元401在獲取圖片時只需消耗較少的流量即可。且獲取到的圖片的清晰度完全能夠滿足用戶的查看需求,不影響用戶的瀏覽。
第四方面,本發(fā)明實施例還提供了一種資源服務(wù)器,如圖7所示,包括:第二接收單元501,壓縮單元502以及第二發(fā)送單元503。
其中,第二接收單元501用于接收終端發(fā)送的圖片的URL信息;其中,圖片的URL信息是終端在網(wǎng)站服務(wù)器發(fā)送的待訪問網(wǎng)頁的主資源中獲取到的;壓縮單元502用于根據(jù)URL信息獲取圖片,并對圖片進(jìn)行壓縮處理,獲得處理后的圖片;第二發(fā)送單元503用于向終端返回處理后的圖片。
具體來說,當(dāng)用戶觸發(fā)瀏覽器獲取該網(wǎng)站服務(wù)器發(fā)送的待訪問網(wǎng)頁的主資源之后,第二接收單元501會接收到由瀏覽器發(fā)送的圖片的URL信息。其中,該圖片的URL信息是從瀏覽器獲取的主資源中得到的??梢岳斫獾氖牵@里的主資源還可以包括其他資源,例如文字資源或動畫資源。第二接收單元501根據(jù)該信息獲取該圖片資源。在獲取之后,壓縮單元502會對獲取到的圖片資源進(jìn)行壓縮,最后通過第二發(fā)送單元503快速回傳給瀏覽器,使得瀏覽器獲取到的圖片資源為占用空間較小且內(nèi)容不失真的圖片資源,從而提高瀏覽器的獲取及顯示速度,減輕瀏覽器的負(fù)擔(dān)。
本發(fā)明實施例提供的資源服務(wù)器為自有的服務(wù)器,也即為用于提供圖片資源下載處理功能的內(nèi)部專用服務(wù)器。該資源服務(wù)器在瀏覽器從網(wǎng)站服務(wù)器獲取網(wǎng)頁資源的過程中充當(dāng)?shù)谌椒?wù)器的角色。資源服務(wù)器中的第二接收單元501接收到瀏覽器發(fā)送的URL信息后會根據(jù)該信息獲取圖片。之后,壓縮單元502會對圖片進(jìn)行壓縮處理再通過第二發(fā)送單元503返回給瀏覽器,使得瀏覽器能夠快速獲取圖片,有效提高瀏覽器的獲取速度。此外,采用本實施例提供的資源服務(wù)器能夠?qū)@取圖片以及壓縮圖片的任務(wù)由瀏覽器轉(zhuǎn)移至自身來完成,使得瀏覽器能夠變?yōu)橐粋€較輕的客戶端,有效減輕瀏覽器的負(fù)擔(dān),從而使得瀏覽器的性能有所提升。
在具體實施時,上述實施例中壓縮單元502對于圖片的壓縮可以有多種實現(xiàn)方式,其中的一種實現(xiàn)方式具體包括:壓縮單元502對圖片進(jìn)行轉(zhuǎn)碼處理,獲得轉(zhuǎn)碼后的圖片。
具體來說,第二接收單元501根據(jù)URL信息獲取圖片資源,之后,壓縮單元502將該圖片由占用空間較大的編碼格式轉(zhuǎn)換為占用空間較小的編碼格式??梢岳斫獾氖?,對圖片進(jìn)行轉(zhuǎn)碼雖然會對圖片造成一定損失,但這些損失不足以使圖片變得失真。對于查看該圖片的用戶來說,查看轉(zhuǎn)碼之前的圖片與查看轉(zhuǎn)碼之后的圖片并沒有什么區(qū)別。因此,這樣的轉(zhuǎn)碼能夠在保證用戶正常瀏覽的前提下對圖片進(jìn)行有效壓縮,從而實現(xiàn)向瀏覽器快速回傳圖片資源的目的。
進(jìn)一步地,轉(zhuǎn)碼前的圖片格式可能為gif、JEPG、png等較大格式,而這里的轉(zhuǎn)碼后的圖片的格式可以為WebP格式。當(dāng)然,也可以為其他較小的格式,本發(fā)明不作具體限定。
在具體實施時,在上述資源服務(wù)器的實施例中,第二接收單元501在接收終端上報的圖片的URL信息的同時,還可以接收終端當(dāng)前的網(wǎng)絡(luò)連接狀態(tài)信息。相應(yīng)地,處理單元502可以根據(jù)接收到的網(wǎng)絡(luò)連接狀態(tài)信息,對圖片進(jìn)行對應(yīng)的壓縮處理,從而獲得處理后的圖片。
具體來說,瀏覽器將圖片的URL信息發(fā)送給資源服務(wù)器的同時,還可以向資源服務(wù)器發(fā)送當(dāng)前的網(wǎng)絡(luò)連接狀態(tài)信息。其中,這里的網(wǎng)絡(luò)連接狀態(tài)信息具體為瀏覽器所在的終端當(dāng)前連接的網(wǎng)絡(luò)的信息。例如,瀏覽器所在終端當(dāng)前連接的網(wǎng)絡(luò)信息為3G網(wǎng)絡(luò)、5G網(wǎng)絡(luò)或WIFI等。在第二接收單元501接收到這一信息之后,處理單元502可以根據(jù)不同的網(wǎng)絡(luò)連接狀態(tài)信息對圖片進(jìn)行不同清晰度的壓縮。例如,在當(dāng)前的連接為3G網(wǎng)絡(luò)狀態(tài)下,壓縮之后圖片的清晰度可以為原來的50%;在當(dāng)前的連接為5G網(wǎng)絡(luò)狀態(tài)下,壓縮之后圖片的清晰度可以為原來的60%;在當(dāng)前的連接為WIFI狀態(tài)下,壓縮之后圖片的清晰度可以為原來的100%。這樣做的好處是,能夠在用戶沒有接入WIFI時,資源服務(wù)器能夠?qū)D片壓縮至盡可能的小,使得瀏覽器在獲取圖片時只需消耗較少的流量。且瀏覽器獲取的圖片的清晰度完全能夠滿足用戶的查看需求,從而在不影響用戶的瀏覽的前提下提升用戶體驗。
第五方面,本發(fā)明實施例還提供了一種圖片資源下載處理系統(tǒng),如圖8所示,包括終端601、資源服務(wù)器602以及網(wǎng)站服務(wù)器603。
其中,這里的終端601為第三方面的實施例中所述的終端,這里的資源服務(wù)器602為第四方面的實施例中所述的資源服務(wù)器。
具體來說,當(dāng)用戶觸發(fā)訪問某一網(wǎng)頁時,終端601向網(wǎng)站服務(wù)器603發(fā)出相應(yīng)的請求,網(wǎng)站服務(wù)器603在接收到請求之后會將網(wǎng)頁的主資源返回給終端601。終端601在獲取這一主資源之后,將主資源中的圖片資源的URL信息上報給資源服務(wù)器602。資源服務(wù)器602根據(jù)這一信息獲取該圖片資源并對其進(jìn)行壓縮,使得終端601能夠從資源服務(wù)器602中獲取到占用空間較小且圖片內(nèi)容不失真的圖片資源。終端601在獲取這一圖片資源后,與文字資源以及其他資源一同快速顯示在網(wǎng)頁的對應(yīng)位置中以供用戶瀏覽。
需要說明的是,本發(fā)明上述所有實施例中提到的終端可以為可穿戴智能設(shè)備、手機、平板電腦、掌上電腦PDA或筆記本等,本發(fā)明實施例對此也不作具體限定。
不難理解的是,上述實施例中的舉例說明只是為了便于更好地理解本發(fā)明實施例提供的方法或裝置,并不能構(gòu)成對本發(fā)明的具體限定。且上述的各個優(yōu)選實施方式之間不會相互影響,各個優(yōu)選實施方式之間的任意組合所得到的方案均應(yīng)該落入本發(fā)明的保護(hù)范圍。
以上所描述的裝置實施例僅僅是示意性的,其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的,作為單元顯示的部件可以是或者也可以不是物理單元,即可以位于一個地方,或者也可以分布到多個網(wǎng)絡(luò)單元上??梢愿鶕?jù)實際的需要選擇其中的部分或者全部模塊來實現(xiàn)本實施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性的勞動的情況下,即可以理解并實施。
通過以上的實施方式的描述,本領(lǐng)域的技術(shù)人員可以清楚地了解到各實施方式可借助軟件加必需的通用硬件平臺的方式來實現(xiàn),當(dāng)然也可以通過硬件。基于這樣的理解,上述技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻(xiàn)的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來,該計算機軟件產(chǎn)品可以存儲在計算機可讀存儲介質(zhì)中,如ROM/RAM、磁碟、光盤等,包括若干指令用以使得一臺計算機設(shè)備(可以是個人計算機,服務(wù)器,或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行各個實施例或者實施例的某些部分所述的方法。
最后應(yīng)說明的是:以上實施例僅用以說明本發(fā)明的技術(shù)方案,而非對其限制;盡管參照前述實施例對本發(fā)明進(jìn)行了詳細(xì)的說明,本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解:其依然可以對前述各實施例所記載的技術(shù)方案進(jìn)行修改,或者對其中部分技術(shù)特征進(jìn)行等同替換;而這些修改或者替換,并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實施例技術(shù)方案的精神和范圍。