一種圖片加載的方法及裝置制造方法及圖紙

本發(fā)明專利技術(shù)涉及一種圖片加載的方法及裝置。該圖片加載的方法包括：客戶端向服務(wù)器發(fā)送獲取圖片的請(qǐng)求；服務(wù)器根據(jù)請(qǐng)求生成圖片的主色調(diào)值，其中，服務(wù)器從請(qǐng)求對(duì)應(yīng)的統(tǒng)一資源定位符中獲取圖片的主色調(diào)值、或根據(jù)請(qǐng)求從數(shù)據(jù)庫(kù)中調(diào)取圖片對(duì)應(yīng)的主色調(diào)值；將主色調(diào)值返回給客戶端；客戶端加載圖片，且在客戶端加載完圖片前將圖片的顯示區(qū)域顯示為主色調(diào)值對(duì)應(yīng)的顏色。通過(guò)實(shí)施本技術(shù)方案，能預(yù)先在圖片顯示區(qū)域顯示圖片的主色調(diào)，避免了圖片加載完成前圖片的顯示區(qū)域出現(xiàn)一片空白，加載后顏色反差較大的問題，提高用戶的視覺體驗(yàn)。

【技術(shù)實(shí)現(xiàn)步驟摘要】

本專利技術(shù)涉及互聯(lián)網(wǎng)領(lǐng)域，更具體地說(shuō)，涉及一種圖片加載的方法及裝置。
技術(shù)介紹
統(tǒng)一資源定位符(URL)是對(duì)可以從互聯(lián)網(wǎng)上得到的資源的位置和訪問方法的一種簡(jiǎn)潔的表示，是互聯(lián)網(wǎng)上標(biāo)準(zhǔn)資源的地址。互聯(lián)網(wǎng)上的每個(gè)文件都有一個(gè)唯一的URL，它包含的信息指出文件的位置以及瀏覽器應(yīng)該怎么處理它。統(tǒng)一資源定位符是統(tǒng)一資源標(biāo)志符的一個(gè)下種，統(tǒng)一資源標(biāo)志符確定一個(gè)資源，而統(tǒng)一資源定位符不但確定一個(gè)資源，而且還表示出它在哪里。在圖片加載過(guò)程中，每個(gè)待加載圖片都有一個(gè)相應(yīng)的URL，服務(wù)器可根據(jù)圖片的URL在數(shù)據(jù)庫(kù)中定位到該圖片，數(shù)據(jù)庫(kù)還保存有圖片的屬性信息。隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，用戶利用手機(jī)進(jìn)行越來(lái)越多的活動(dòng)，若瀏覽網(wǎng)頁(yè)、聽歌、購(gòu)物、聊天等等，用戶在打開瀏覽器或打開APP時(shí)，瀏覽器或APP一般會(huì)加載一些圖片，由于圖片相較于文字一般較大，所以當(dāng)加載圖片時(shí)，若網(wǎng)絡(luò)不穩(wěn)定或網(wǎng)速不快的話，往往在文字顯示完成后，圖片顯示之前會(huì)長(zhǎng)時(shí)間處于空白狀態(tài)，在圖片從服務(wù)器下載完成后又突然加載，造成畫面的跳躍感，降低用戶視覺體驗(yàn)。或者，在網(wǎng)絡(luò)較差時(shí)，也只能顯示圖片的頂端或者低端等次要部分，其余部分還是會(huì)呈現(xiàn)空白色，明顯不能滿足用戶需求。
技術(shù)實(shí)現(xiàn)思路
本專利技術(shù)要解決的技術(shù)問題在于，針對(duì)現(xiàn)有技術(shù)的圖片成功加載前圖片顯示區(qū)域出現(xiàn)空白的缺陷，提供一種圖片加載的方法及裝置。本專利技術(shù)解決其技術(shù)問題所采用的技術(shù)方案是：構(gòu)造一種圖片加載的方法，包括：向服務(wù)器發(fā)送獲取圖片的請(qǐng)求；接收所述服務(wù)器根據(jù)所述請(qǐng)求返回的所述圖片的主色調(diào)值；加載所述圖片，且在所述圖片加載完成前將所述圖片的顯示區(qū)域顯示為所述主色調(diào)值對(duì)應(yīng)的顏色。進(jìn)一步，本專利技術(shù)所述的方法還包括：在所述圖片加載完成后，在所述圖片的顯示區(qū)域顯示所述圖片。另一方面，本專利技術(shù)還公開一種圖片加載的方法，包括：接收客戶端發(fā)送的獲取圖片的請(qǐng)求；根據(jù)所述請(qǐng)求生成所述圖片的主色調(diào)值；將生成的所述主色調(diào)值返回給所述客戶端。優(yōu)選地，在本專利技術(shù)所述的方法中，所述根據(jù)所述請(qǐng)求生成所述圖片的主色調(diào)值，包括：從所述請(qǐng)求對(duì)應(yīng)的統(tǒng)一資源定位符中獲取所述圖片的主色調(diào)值。優(yōu)選地，在本專利技術(shù)所述的方法中，還包括：根據(jù)數(shù)據(jù)庫(kù)中存儲(chǔ)的所述圖片的顏色生成所述圖片的主色調(diào)值；根據(jù)所述主色調(diào)值生成所述圖片對(duì)應(yīng)的統(tǒng)一資源定位符。優(yōu)選地，在本專利技術(shù)所述的方法中，所述根據(jù)所述請(qǐng)求生成所述圖片的主色調(diào)值，包括：根據(jù)所述請(qǐng)求從數(shù)據(jù)庫(kù)中調(diào)取所述圖片對(duì)應(yīng)的主色調(diào)值，其中，所述主色調(diào)值為根據(jù)所述圖片的顏色預(yù)先生成并保存在所述數(shù)據(jù)庫(kù)中。另一方面，本專利技術(shù)還公開一種圖片加載的方法，包括：客戶端向服務(wù)器發(fā)送獲取圖片的請(qǐng)求；所述服務(wù)器根據(jù)所述請(qǐng)求生成所述圖片的主色調(diào)值，并將所述主色調(diào)值返回給所述客戶端；所述客戶端加載所述圖片，且在所述客戶端加載完所述圖片前將所述圖片的顯示區(qū)域顯示為所述主色調(diào)值對(duì)應(yīng)的顏色。優(yōu)選地，在本專利技術(shù)所述的方法中，所述服務(wù)器根據(jù)所述請(qǐng)求生成所述圖片的主色調(diào)值，包括：所述服務(wù)器從所述請(qǐng)求對(duì)應(yīng)的統(tǒng)一資源定位符中獲取所述圖片的主色調(diào)值。另一方面，本專利技術(shù)還公開一種圖片加載的裝置，包括：請(qǐng)求發(fā)送單元，用于向服務(wù)器發(fā)送獲取圖片的請(qǐng)求；主色調(diào)值接收單元，用于接收所述服務(wù)器根據(jù)所述請(qǐng)求返回的所述圖片的主色調(diào)值；第一加載單元，用于加載所述圖片；第二加載單元，用于在所述圖片加載完成前將所述圖片的顯示區(qū)域顯示為所述主色調(diào)值對(duì)應(yīng)的顏色。另一方面，本專利技術(shù)還公開一種圖片加載的裝置，包括：請(qǐng)求接收單元，用于接收客戶端發(fā)送的獲取圖片的請(qǐng)求；主色調(diào)值生成單元，用于根據(jù)所述請(qǐng)求生成所述圖片的主色調(diào)值；主色調(diào)值發(fā)送單元，用于將生成的所述主色調(diào)值返回給所述客戶端。實(shí)施本專利技術(shù)的一種圖片加載的方法及裝置，具有以下有益效果：圖片加載的方法包括：客戶端向服務(wù)器發(fā)送獲取圖片的請(qǐng)求；所述服務(wù)器根據(jù)所述請(qǐng)求生成所述圖片的主色調(diào)值，其中，從所述請(qǐng)求對(duì)應(yīng)的統(tǒng)一資源定位符中獲取所述圖片的主色調(diào)值、或根據(jù)所述請(qǐng)求從數(shù)據(jù)庫(kù)中調(diào)取所述圖片對(duì)應(yīng)的主色調(diào)值；將所述主色調(diào)值返回給所述客戶端；所述客戶端加載所述圖片；在所述客戶端加載完所述圖片前將所述圖片的顯示區(qū)域顯示為所述主色調(diào)值對(duì)應(yīng)的顏色。通過(guò)實(shí)施本技術(shù)方案，能預(yù)先在圖片顯示區(qū)域顯示圖片的主色調(diào)，避免了圖片加載完成前出現(xiàn)一片空白，加載后反差較大的問題，提高用戶的使用體驗(yàn)。附圖說(shuō)明下面將結(jié)合附圖及實(shí)施例對(duì)本專利技術(shù)作進(jìn)一步說(shuō)明，附圖中：圖1是本專利技術(shù)實(shí)施例提供的一種圖片加載的方法的流程示意圖；圖2是本專利技術(shù)實(shí)施例提供的另一種圖片加載的方法的流程示意圖；圖3是本專利技術(shù)實(shí)施例提供的一種圖片加載的方法的流程示意圖；圖4是本專利技術(shù)實(shí)施例提供的一種圖片加載的裝置的結(jié)構(gòu)示意圖；圖5是本專利技術(shù)實(shí)施例提供的另一種圖片加載的裝置的結(jié)構(gòu)示意圖。具體實(shí)施方式為了對(duì)本專利技術(shù)的技術(shù)特征、目的和效果有更加清楚的理解，現(xiàn)對(duì)照附圖詳細(xì)說(shuō)明本專利技術(shù)的具體實(shí)施方式。本專利技術(shù)針對(duì)現(xiàn)有技術(shù)的上述圖片成功加載前圖片顯示區(qū)域出現(xiàn)空白的缺陷，提供一種圖片加載的方法及裝置。該圖片加載的方法包括：客戶端向服務(wù)器發(fā)送獲取圖片的請(qǐng)求；服務(wù)器根據(jù)請(qǐng)求生成圖片的主色調(diào)值，其中，從請(qǐng)求對(duì)應(yīng)的統(tǒng)一資源定位符中獲取圖片的主色調(diào)值、或根據(jù)請(qǐng)求從數(shù)據(jù)庫(kù)中調(diào)取圖片對(duì)應(yīng)的主色調(diào)值；將主色調(diào)值返回給客戶端；客戶端加載圖片，且在客戶端加載完圖片前將圖片的顯示區(qū)域顯示為主色調(diào)值對(duì)應(yīng)的顏色。通過(guò)實(shí)施本技術(shù)方案，能預(yù)先在圖片顯示區(qū)域顯示圖片的主色調(diào)，避免了圖片加載完成前出現(xiàn)一片空白，加載后圖片顏色反差較大的問題，提高用戶的使用體驗(yàn)。具體通過(guò)以下幾個(gè)實(shí)施例進(jìn)行說(shuō)明。如圖1，是本專利技術(shù)的第一實(shí)施例。如圖1所示，是本實(shí)施例的一種圖片加載的方法的流程示意圖。該圖片加載的方法應(yīng)用于接入互聯(lián)網(wǎng)的客戶端，客戶端包括但不限于：訪問萬(wàn)維網(wǎng)的網(wǎng)頁(yè)瀏覽器、收寄電子郵件時(shí)的電子郵件客戶端、以及即時(shí)通訊的客戶端軟件等，也包括智能手機(jī)終端中的應(yīng)用程序。例如，用戶在智能手機(jī)終端上打開瀏覽器或打開APP進(jìn)行瀏覽網(wǎng)頁(yè)、聽歌、購(gòu)物、聊天等等。具體的，在客戶端側(cè)，該圖片加載的方法包括：步驟101：向服務(wù)器發(fā)送獲取圖片的請(qǐng)求。具體的，用戶在使用客戶端進(jìn)行瀏覽網(wǎng)頁(yè)、聽歌、購(gòu)物、聊天的過(guò)程中，客戶端需要顯示一些圖片，客戶端根據(jù)需求向服務(wù)器發(fā)送獲取圖片的請(qǐng)求。例如，用戶在瀏覽網(wǎng)頁(yè)過(guò)程中，當(dāng)點(diǎn)擊進(jìn)入一個(gè)網(wǎng)頁(yè)后，網(wǎng)頁(yè)中有需要加載的圖片，服務(wù)器首先將該圖片的URL發(fā)送到瀏覽器的緩存中，此時(shí)，如果是用戶首次打開該網(wǎng)頁(yè)，則本地沒有存儲(chǔ)該圖片，瀏覽器需要向服務(wù)器發(fā)送獲取圖片的請(qǐng)求。步驟102：接收服務(wù)器根據(jù)請(qǐng)求返回的圖片的主色調(diào)值。具體的，在客戶端向服務(wù)器發(fā)送獲取圖片的請(qǐng)求后，服務(wù)器會(huì)根據(jù)該圖片的URL在數(shù)據(jù)庫(kù)中查找并定位到該圖片。數(shù)據(jù)庫(kù)中不僅存儲(chǔ)該圖片，還存儲(chǔ)了圖片的多種屬性信息，例如圖片的尺寸、大小、清晰度、色彩、主色調(diào)、背景色等，其中，圖片的主色調(diào)值根據(jù)圖片的顏色生成。色調(diào)是指物體反射的光線中以哪種波長(zhǎng)占優(yōu)勢(shì)來(lái)決定的，不同波長(zhǎng)產(chǎn)生不同顏色的感覺，色調(diào)是顏色的重要的特征，它決定了顏色本質(zhì)的根本特征，主色調(diào)是對(duì)一幅圖片的整體顏色的概括評(píng)價(jià)，是指圖片色彩外觀的基本傾向。服務(wù)器根據(jù)客戶端的獲取圖片請(qǐng)求，將定位到的圖片以及圖片的屬性信息下載到服務(wù)器上，例如將圖片的主色調(diào)值下載到服務(wù)器上，服務(wù)器再將該圖片以及圖片的主色調(diào)值發(fā)送到客戶端，客戶端接收服務(wù)器根據(jù)本文檔來(lái)自技高網(wǎng)...

【技術(shù)保護(hù)點(diǎn)】
一種圖片加載的方法，其特征在于，包括：向服務(wù)器發(fā)送獲取圖片的請(qǐng)求；接收所述服務(wù)器根據(jù)所述請(qǐng)求返回的所述圖片的主色調(diào)值；加載所述圖片，且在所述圖片加載完成前將所述圖片的顯示區(qū)域顯示為所述主色調(diào)值對(duì)應(yīng)的顏色。

【技術(shù)特征摘要】
1.一種圖片加載的方法，其特征在于，包括：向服務(wù)器發(fā)送獲取圖片的請(qǐng)求；接收所述服務(wù)器根據(jù)所述請(qǐng)求返回的所述圖片的主色調(diào)值；加載所述圖片，且在所述圖片加載完成前將所述圖片的顯示區(qū)域顯示為所述主色調(diào)值對(duì)應(yīng)的顏色。2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括：在所述圖片加載完成后，在所述圖片的顯示區(qū)域顯示所述圖片。3.一種圖片加載的方法，其特征在于，包括：接收客戶端發(fā)送的獲取圖片的請(qǐng)求；根據(jù)所述請(qǐng)求生成所述圖片的主色調(diào)值；將生成的所述主色調(diào)值返回給所述客戶端。4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述根據(jù)所述請(qǐng)求生成所述圖片的主色調(diào)值，包括：從所述請(qǐng)求對(duì)應(yīng)的統(tǒng)一資源定位符中獲取所述圖片的主色調(diào)值。5.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述方法還包括：根據(jù)數(shù)據(jù)庫(kù)中存儲(chǔ)的所述圖片的顏色生成所述圖片的主色調(diào)值；根據(jù)所述主色調(diào)值生成所述圖片對(duì)應(yīng)的統(tǒng)一資源定位符。6.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述根據(jù)所述請(qǐng)求生成所述圖片的主色調(diào)值，包括：根據(jù)所述請(qǐng)求從數(shù)據(jù)庫(kù)中調(diào)取所述圖片對(duì)應(yīng)的主色調(diào)值，其中，所述主色調(diào)值為根據(jù)所述圖片...

【專利技術(shù)屬性】
技術(shù)研發(fā)人員：羅小平，
申請(qǐng)(專利權(quán))人：珠海市魅族科技有限公司，
類型：發(fā)明
國(guó)別省市：廣東;44