網(wǎng)絡(luò)圖片處理方法及系統(tǒng)的制作方法
【專利摘要】本發(fā)明提供的網(wǎng)絡(luò)圖片處理方法及系統(tǒng)，通過接收來自網(wǎng)絡(luò)的圖片顯示請求，將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式，按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分，并從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼，在所查找到的各開始掃描標(biāo)記代碼前作第二切分，將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求；從而在圖片壓縮的基礎(chǔ)上進(jìn)一步切割并減少圖片的傳輸數(shù)據(jù)量，且不影響圖片的顯示輪廓并保證顯示質(zhì)量，有效提升用戶上網(wǎng)體驗。
【專利說明】網(wǎng)絡(luò)圖片處理方法及系統(tǒng)
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)絡(luò)【技術(shù)領(lǐng)域】，特別是涉及一種網(wǎng)絡(luò)圖片處理方法及系統(tǒng)。
【背景技術(shù)】
[0002]互聯(lián)網(wǎng)絡(luò)已經(jīng)成為現(xiàn)代無論是商業(yè)還是日常生活中不可缺少的一部分，其發(fā)展也是日新月異，就單最常見的網(wǎng)頁瀏覽來說，在服務(wù)器端提供客戶端網(wǎng)頁瀏覽之前，必然會先對要展現(xiàn)的內(nèi)容進(jìn)行前端優(yōu)化，所謂前端優(yōu)化技術(shù)，是針對HTML、CSS、Javascript、Image、Flash等各式各樣的資源進(jìn)行優(yōu)化，從用戶角度而言，前端優(yōu)化目的在于讓頁面加載得更快、對用戶的操作響應(yīng)更及時，能夠給用戶提供更為友好的交互體驗。
[0003]現(xiàn)有的前端優(yōu)化中，關(guān)于圖片的壓縮優(yōu)化是一個很重要的課題，圖片壓縮包括有損壓縮和無損壓縮。圖片合理的壓縮在不影響用戶感知體驗的情況下，能夠大大減少用戶加載顯示頁面所需要下載的資源數(shù)據(jù)量，提升用戶上網(wǎng)體驗，但目前的前段優(yōu)化中，雖然已有一些極為高效的處理方式，但仍有可以改進(jìn)的空間。

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

[0004]鑒于以上所述現(xiàn)有技術(shù)的缺點，本發(fā)明的目的在于提供一種網(wǎng)絡(luò)圖片處理方法及系統(tǒng)。
[0005]為實現(xiàn)上述目標(biāo)及其他相關(guān)目標(biāo)，本發(fā)明提供一種網(wǎng)絡(luò)圖片處理方法，包括:接收來自網(wǎng)絡(luò)的圖片顯示請求；將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式；按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分；從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼；在所查找到的各開始掃描標(biāo)記代碼前作第二切分；將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求。
[0006]優(yōu)選的，所述從第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼，包括:判斷是否查找到所述開始掃描標(biāo)記代碼的步驟；若是，則執(zhí)行所述在所查找到的各開始掃描標(biāo)記代碼前作第二切分；若否，則直接將圖片響應(yīng)所述圖片顯示請求。
[0007]優(yōu)選的，在所述將第二切分后的漸進(jìn)式掃描圖片響應(yīng)客戶端的圖片顯示請求之前，還包括:在各個第二切分處之前的字節(jié)流末尾添加結(jié)束標(biāo)記代碼的步驟。
[0008]優(yōu)選的，所述預(yù)設(shè)圖片顯示比例是與發(fā)出所述圖片顯示請求的客戶端的配置信息、所使用網(wǎng)絡(luò)瀏覽器及網(wǎng)絡(luò)流量中的一種或幾種參數(shù)的組合關(guān)聯(lián)而定。
[0009]優(yōu)選的，所述圖片包含于網(wǎng)頁中。
[0010]為實現(xiàn)上述目標(biāo)及其他相關(guān)目標(biāo)，本發(fā)明還提供一種網(wǎng)絡(luò)圖片處理系統(tǒng)，包括:接收模塊，用于接收來自網(wǎng)絡(luò)的圖片顯示請求；格式轉(zhuǎn)換模塊，用于將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式；查找模塊，用于從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼；切分模塊，用于按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分，以及用于在所查找到的各開始掃描標(biāo)記代碼前作第二切分；響應(yīng)模塊，用于將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求。
[0011]優(yōu)選的，所述查找模塊還包括:判斷模塊，用于判斷是否查找到所述開始掃描標(biāo)記代碼；若是，則執(zhí)行所述在所查找到的各開始掃描標(biāo)記代碼前作第二切分；若否，則將直接將圖片響應(yīng)所述圖片顯示請求。
[0012]優(yōu)選的，所述網(wǎng)絡(luò)圖片處理系統(tǒng)還包括:添加模塊，用于在各個第二切分處之前的字節(jié)末尾添加結(jié)束標(biāo)記代碼。
[0013]優(yōu)選的，所述預(yù)設(shè)圖片顯示比例是與發(fā)出所述圖片顯示請求的客戶端的配置信息、所使用網(wǎng)絡(luò)瀏覽器及網(wǎng)絡(luò)流量中的一種或幾種參數(shù)的組合關(guān)聯(lián)而定。
[0014]優(yōu)選的，所述圖片包含于網(wǎng)頁中。
[0015]為實現(xiàn)上述目標(biāo)及其他相關(guān)目標(biāo)，本發(fā)明還提供一種服務(wù)器端，包括:網(wǎng)絡(luò)接口單元，用于接收來自于網(wǎng)絡(luò)連接所述服務(wù)器端的至少一客戶端的圖片顯示請求；存儲器單元，用于存儲對應(yīng)所述圖片顯示請求的圖片數(shù)據(jù)；處理器單元，連接于所述網(wǎng)絡(luò)收發(fā)單元及存儲器，用于將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式；所述處理器單元還用于從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼；所述處理器單元還用于按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分，以及用于在所查找到的各開始掃描標(biāo)記代碼前作第二切分，并通過所述網(wǎng)絡(luò)接口單元將第二切分后的漸進(jìn)式掃描圖片響應(yīng)客戶端的圖片顯示請求。
[0016]所述處理器單元，還用于判斷是否查找到所述開始掃描標(biāo)記代碼；若是，則執(zhí)行所述在所查找到的各開始掃描標(biāo)記代碼前作第二切分；若否，則將直接將圖片響應(yīng)所述圖片顯示請求。
[0017]優(yōu)選的，所述處理器單元，還用于在各個第二切分處之前的字節(jié)末尾添加結(jié)束標(biāo)記代碼。
[0018]優(yōu)選的，所述預(yù)設(shè)圖片顯示比例是與發(fā)出所述圖片顯示請求的客戶端的配置信息、所使用網(wǎng)絡(luò)瀏覽器及網(wǎng)絡(luò)流量中的一種或幾種參數(shù)的組合關(guān)聯(lián)而定。
[0019]為實現(xiàn)上述目標(biāo)及其他相關(guān)目標(biāo)，本發(fā)明還提供一種網(wǎng)絡(luò)系統(tǒng)，包括:所述的服務(wù)器端；以及連接所述服務(wù)器端的客戶端。
[0020]如上所述，本發(fā)明提供的網(wǎng)絡(luò)圖片處理方法及系統(tǒng)，通過接收來自網(wǎng)絡(luò)的圖片顯示請求，將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式，按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分，并從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼，在所查找到的各開始掃描標(biāo)記代碼前作第二切分，將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求；從而在圖片壓縮的基礎(chǔ)上進(jìn)一步切割并減少圖片的傳輸數(shù)據(jù)量，且不影響圖片的顯示輪廓并保證顯示質(zhì)量，有效提升用戶上網(wǎng)體驗。
【專利附圖】

【附圖說明】
[0021]圖1顯示為本發(fā)明的網(wǎng)絡(luò)圖片處理方法的一實施例的流程示意圖。[0022]圖2顯示為本發(fā)明的網(wǎng)絡(luò)圖片處理方法的另一實施例的流程示意圖。
[0023]圖3顯示為本發(fā)明的網(wǎng)絡(luò)圖片處理方法的又一實施例的流程示意圖。
[0024]圖4顯示為本發(fā)明的網(wǎng)絡(luò)圖片處理系統(tǒng)的一實施例的結(jié)構(gòu)示意圖。
[0025]圖5顯示為本發(fā)明的網(wǎng)絡(luò)圖片處理系統(tǒng)的另一實施例的結(jié)構(gòu)示意圖。
[0026]圖6顯示為本發(fā)明的網(wǎng)絡(luò)圖片處理系統(tǒng)的又一實施例的結(jié)構(gòu)示意圖。
[0027]元件標(biāo)號說明
[0028]網(wǎng)絡(luò)圖片處理系統(tǒng)
[0029]11，11’，11” 接收模塊
[0030]12，12’，12”格式轉(zhuǎn)換模塊
[0031]13，13’，13” 查找模塊
[0032]131’，131” 判斷模塊
[0033]14，14 ’，14 ” 切分模塊
[0034]15，15’，15” 響應(yīng)模塊
[0035]16”添加模塊
[0036]SI ~S6實施例1方法步驟
[0037]SI’~S7’實施例2方法步驟
[0038]SI”~S8” 實施例3方法步驟
【具體實施方式】
[0039]以下通過特定的具體實例說明本發(fā)明的實施方式，本領(lǐng)域技術(shù)人員可由本說明書所揭露的內(nèi)容輕易地了解本發(fā)明的其他優(yōu)點與功效。本發(fā)明還可以通過另外不同的【具體實施方式】加以實施或應(yīng)用，本說明書中的各項細(xì)節(jié)也可以基于不同觀點與應(yīng)用，在沒有背離本發(fā)明的精神下進(jìn)行各種修飾或改變。需說明的是，在不沖突的情況下，本申請中的實施例及實施例中的特征可以相互組合。
[0040]實施例1:
[0041]請參閱圖1，本發(fā)明提供一種網(wǎng)絡(luò)圖片處理方法，包括如下步驟:
[0042]步驟S1:接收來自網(wǎng)絡(luò)的圖片顯示請求。
[0043]在本實施例中，所述圖片顯示請求可以是來自于網(wǎng)絡(luò)連接的客戶端的設(shè)備，所述客戶端包括:手機、平板電腦、筆記本電腦、臺式機或其他連入網(wǎng)絡(luò)的終端或中繼設(shè)備，當(dāng)用戶在所述客戶端設(shè)備進(jìn)行如網(wǎng)頁瀏覽時，若網(wǎng)頁中包含圖片且用戶需要查看所述圖片而并非將瀏覽器設(shè)置成“無圖模式”，則客戶端會生成對應(yīng)所述圖片的圖片顯示請求。
[0044]步驟S2:將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式。
[0045]在本實施例中，所述漸進(jìn)式掃描圖片格式為Progressive JPEG格式，詳細(xì)來說，JPEG (Joint Photographic Experts Group)是在國際標(biāo)準(zhǔn)化組織(ISO)領(lǐng)導(dǎo)之下制定靜態(tài)圖像壓縮標(biāo)準(zhǔn)的委員會，由于JPEG優(yōu)良的品質(zhì)而被廣泛應(yīng)用于互聯(lián)網(wǎng)和數(shù)碼相機領(lǐng)域，網(wǎng)站上80%的圖像都采用了 JPEG壓縮標(biāo)準(zhǔn)JPEG本身只有描述如何將一個影像轉(zhuǎn)換為字節(jié)的數(shù)據(jù)串流(streaming)，但并沒有說明這些字節(jié)如何在任何特定的儲存媒體上被封存起來。.jpeg /.jpg是最常用的圖像文件格式，是一種有損壓縮格式，能夠?qū)D像壓縮在很小的儲存空間，圖像中重復(fù)或不重要的資料會被丟失，因此容易造成圖像數(shù)據(jù)的損傷。尤其是使用過高的壓縮比例，將使最終解壓縮后恢復(fù)的圖像質(zhì)量明顯降低，如果追求高品質(zhì)圖像，不宜采用過高壓縮比例。但是JPEG壓縮技術(shù)十分先進(jìn)，它用有損壓縮方式去除冗余的圖像數(shù)據(jù)，在獲得極高的壓縮率的同時能展現(xiàn)十分豐富生動的圖像，換句話說，就是可以用最少的磁盤空間得到較好的圖像品質(zhì)。而且JPEG是一種很靈活的格式，具有調(diào)節(jié)圖像質(zhì)量的功能，允許用不同的壓縮比例對文件進(jìn)行壓縮，支持多種壓縮級別，壓縮比率通常在10: I到40: I之間，壓縮比越大，品質(zhì)就越低；相反地，品質(zhì)就越高。比如可以把1.37Mb的BMP位圖文件壓縮至20.3KB。當(dāng)然也可以在圖像質(zhì)量和文件尺寸之間找到平衡點。JPEG格式壓縮的主要是高頻信息，對色彩的信息保留較好，適合應(yīng)用于互聯(lián)網(wǎng)，可減少圖像的傳輸時間，可以支持24bit真彩色，也普遍應(yīng)用于需要連續(xù)色調(diào)的圖像。
[0046]JPEG格式有一個特殊的變種，即為“漸進(jìn)式JPEG (Progressive JPEG) ”，也就是本發(fā)明所采用的轉(zhuǎn)換格式，在創(chuàng)建漸進(jìn)式JPEG文件時，數(shù)據(jù)是這樣安排的:在裝入圖像時，開始只顯示一個模糊的圖像，隨著數(shù)據(jù)的裝入，圖像逐步變得清晰。它相當(dāng)于交織的GIF格式的圖片，當(dāng)初漸進(jìn)式JPEG的出現(xiàn)主要是考慮到使用調(diào)制解調(diào)器的慢速網(wǎng)絡(luò)而設(shè)計的，本發(fā)明在此處采用此格式轉(zhuǎn)換一方面是利用該格式的數(shù)據(jù)結(jié)構(gòu)特點，此會在后文作詳細(xì)描述；另一方面也是其較能匹配用戶需求而在互聯(lián)網(wǎng)網(wǎng)站中的廣泛使用，在打開文件過程中，會先顯示整個圖片的模糊輪廓，隨著掃描次數(shù)的增加，圖片變得越來越清晰，主要優(yōu)點是在網(wǎng)絡(luò)較慢的情況下，可以讓用戶在沒有下載完圖片就可以看到最終圖像的大致輪廓，一定程度上可以提升用戶體驗。
[0047]步驟S3:按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分。
[0048]在本實施例中，所述預(yù)設(shè)圖片顯示比例是與發(fā)出所述圖片顯示請求的客戶端的配置信息、所使用網(wǎng)絡(luò)瀏覽器及網(wǎng)絡(luò)流量中的一種或幾種參數(shù)的組合關(guān)聯(lián)而定；其中，所述客戶端的配置信息，包括如顯示屏幕大小尺寸、分辨率或處理器頻率等；所述網(wǎng)絡(luò)瀏覽器如UCWEB、Safari等；而所述網(wǎng)絡(luò)流量則可以通過網(wǎng)絡(luò)本身確定，如區(qū)別有線網(wǎng)絡(luò)、還是無線網(wǎng)絡(luò)如WiF1、或移動2G / 3G / 4G網(wǎng)絡(luò)等，以制定預(yù)設(shè)圖片顯示比例，如2G網(wǎng)絡(luò)則設(shè)置先切分顯示20%，3G網(wǎng)絡(luò)顯示50%等等，以上皆為舉例，本領(lǐng)域技術(shù)人員可以根據(jù)實際需求加以變更，并非以本實施例為限；所述第一切分，也即在圖片數(shù)據(jù)中待切分的位置加入切分的標(biāo)示代碼即可，此本領(lǐng)域技術(shù)人員皆可實現(xiàn)。
[0049]步驟S4:從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼。
[0050]在本實施例中，如前所述，由于漸進(jìn)式JPEG格式存在多次掃描，因此采用遍歷方式查找圖片數(shù)據(jù)中的各次掃描的開始位置即對應(yīng)每次掃描的開始掃描標(biāo)記代碼，也就是查找每次掃描的掃描邊界。
[0051]步驟S5:在所查找到的各開始掃描標(biāo)記代碼前作第二切分。
[0052]在本實施例中，當(dāng)查找到所述開始掃描標(biāo)記代碼(即相當(dāng)于找到掃描邊界)后則將每次掃描的圖像數(shù)據(jù)(或稱字節(jié)流)加以切分，一股切分的方式即加入切分符(代碼)，以提升之后圖片傳輸及顯示的速度，提升用戶體驗，舉例來說，JPEG格式的文件中的開始掃描標(biāo)記代碼為字節(jié)符“OxFFDA”。
[0053]步驟S6:將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求。
[0054]在本實施例中，即將經(jīng)過上述切分處理后的圖片響應(yīng)客戶端的請求，通過網(wǎng)絡(luò)進(jìn)行傳輸顯不。
[0055]實施例2:
[0056]針對如果存在查找到?jīng)]有開始掃描標(biāo)記代碼的情況，一股造成這種情況的可能是在第一切分的時候切分的部分比例太大；因此，再提供一本發(fā)明的網(wǎng)絡(luò)圖片處理方法的實施例:
[0057]請參閱圖2，在本實施例中，本發(fā)明的網(wǎng)絡(luò)圖片處理方法，包括如下步驟:
[0058]步驟SI’:接收來自網(wǎng)絡(luò)的圖片顯示請求。
[0059]在本實施例中，所述圖片顯示請求可以是來自于網(wǎng)絡(luò)連接的客戶端的設(shè)備，所述客戶端包括:手機、平板電腦、筆記本電腦、臺式機或其他連入網(wǎng)絡(luò)的終端或中繼設(shè)備，當(dāng)用戶在所述客戶端設(shè)備進(jìn)行如網(wǎng)頁瀏覽時，若網(wǎng)頁中包含圖片且用戶需要查看所述圖片而并非將瀏覽器設(shè)置成“無圖模式”，則客戶端會生成對應(yīng)所述圖片的圖片顯示請求。
[0060]步驟S2’:將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式。
[0061]在本實施例中，所述漸進(jìn)式掃描圖片格式為Progressive JPEG格式。
[0062]步驟S3’:按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分。
[0063]在本實施例中，所述預(yù)設(shè)圖片顯示比例是與發(fā)出所述圖片顯示請求的客戶端的配置信息、所使用網(wǎng)絡(luò)瀏覽器及網(wǎng)絡(luò)流量中的一種或幾種參數(shù)的組合關(guān)聯(lián)而定；其中，所述客戶端的配置信息，包括如顯示屏幕大小尺寸、分辨率或處理器頻率等；所述網(wǎng)絡(luò)瀏覽器如UCWEB、Safari等；而所述網(wǎng)絡(luò)流量則可以通過網(wǎng)絡(luò)本身確定，如區(qū)別有線網(wǎng)絡(luò)、還是無線網(wǎng)絡(luò)如WiF1、或移動2G / 3G / 4G網(wǎng)絡(luò)等，以制定預(yù)設(shè)圖片顯示比例，如2G網(wǎng)絡(luò)則設(shè)置先切分顯示20%，3G網(wǎng)絡(luò)顯示50%等等，以上皆為舉例，本領(lǐng)域技術(shù)人員可以根據(jù)實際需求加以變更，并非以本實施例為限；所述第一切分，也即在圖片數(shù)據(jù)中待切分的位置加入切分的標(biāo)示代碼即可，此本領(lǐng)域技術(shù)人員皆可實現(xiàn)。
[0064]步驟S4’:從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，并判斷是否查找到所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼。
[0065]在本實施例中，如前所述，由于漸進(jìn)式JPEG格式存在多次掃描，因此采用遍歷方式查找圖片數(shù)據(jù)中的各次掃描的開始位置即對應(yīng)每次掃描的開始掃描標(biāo)記代碼，也就是查找每次掃描的掃描邊界。
[0066]和實施例1的差別在于，所述查找中增加了判斷查找結(jié)果的機制。
[0067]若查找到，則進(jìn)至步驟S5’ ；若未查找到，則執(zhí)行步驟S7’:直接將圖片響應(yīng)所述圖片顯示請求，而不作第二切分處理；在本實施例中，如此增加了判斷機制，可以避免因沒有查找到開始掃描標(biāo)記代碼而出現(xiàn)死循環(huán)等問題。
[0068]步驟S5’:在所查找到的各開始掃描標(biāo)記代碼前作第二切分。
[0069]在本實施例中，當(dāng)查找到所述開始掃描標(biāo)記代碼(即相當(dāng)于找到掃描邊界)后則將每次掃描的圖像數(shù)據(jù)(或稱字節(jié)流)加以切分，一股切分的方式即加入切分符(代碼)，以提升之后圖片傳輸及顯示的速度，提升用戶體驗，舉例來說，JPEG格式的文件中的開始掃描標(biāo)記代碼為字節(jié)符“OxFFDA”。
[0070]步驟S6’:將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求。
[0071]在本實施例中，即將經(jīng)過上述切分處理后的圖片響應(yīng)客戶端的請求，通過網(wǎng)絡(luò)進(jìn)行傳輸顯不。[0072]實施例3:
[0073]針對第二切分可能存在的問題，本發(fā)明再提供一網(wǎng)絡(luò)圖片處理方法的實施例:
[0074]請參閱圖3，在本實施例中，本發(fā)明的網(wǎng)絡(luò)圖片處理方法，包括如下步驟:
[0075]步驟SI”:接收來自網(wǎng)絡(luò)的圖片顯示請求。
[0076]在本實施例中，所述圖片顯示請求可以是來自于網(wǎng)絡(luò)連接的客戶端的設(shè)備，所述客戶端包括:手機、平板電腦、筆記本電腦、臺式機或其他連入網(wǎng)絡(luò)的終端或中繼設(shè)備，當(dāng)用戶在所述客戶端設(shè)備進(jìn)行如網(wǎng)頁瀏覽時，若網(wǎng)頁中包含圖片且用戶需要查看所述圖片而并非將瀏覽器設(shè)置成“無圖模式”，則客戶端會生成對應(yīng)所述圖片的圖片顯示請求。
[0077]步驟S2”:將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式。
[0078]在本實施例中，所述漸進(jìn)式掃描圖片格式為Progressive JPEG格式。
[0079]步驟S3”:按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分。
[0080]在本實施例中，所述預(yù)設(shè)圖片顯示比例是與發(fā)出所述圖片顯示請求的客戶端的配置信息、所使用網(wǎng)絡(luò)瀏覽器及網(wǎng)絡(luò)流量中的一種或幾種參數(shù)的組合關(guān)聯(lián)而定；其中，所述客戶端的配置信息，包括如顯示屏幕大小尺寸、分辨率或處理器頻率等；所述網(wǎng)絡(luò)瀏覽器如UCWEB、Safari等；而所述網(wǎng)絡(luò)流量則可以通過網(wǎng)絡(luò)本身確定，如區(qū)別有線網(wǎng)絡(luò)、還是無線網(wǎng)絡(luò)如WiF1、或移動2G / 3G / 4G網(wǎng)絡(luò)等，以制定預(yù)設(shè)圖片顯示比例，如2G網(wǎng)絡(luò)則設(shè)置先切分顯示20%，3G網(wǎng)絡(luò)顯示50%等等，以上皆為舉例，本領(lǐng)域技術(shù)人員可以根據(jù)實際需求加以變更，并非以本實施例為限；所述第一切分，也即在圖片數(shù)據(jù)中待切分的位置加入切分的標(biāo)示代碼即可，此本領(lǐng)域技術(shù)人員皆可實現(xiàn)。
[0081]步驟S4”:從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，并判斷是否查找到所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼。
[0082]在本實施例中，如前所述，由于漸進(jìn)式JPEG格式存在多次掃描，因此采用遍歷方式查找圖片數(shù)據(jù)中的各次掃描的開始位置即對應(yīng)每次掃描的開始掃描標(biāo)記代碼，也就是查找每次掃描的掃描邊界。
[0083]若查找到，則進(jìn)至步驟S5” ;若未查找到，則執(zhí)行步驟S8”:直接將圖片響應(yīng)所述圖片顯示請求；在本實施例中，如此增加了判斷機制，可以避免因沒有查找到開始掃描標(biāo)記代碼而出現(xiàn)死循環(huán)等問題。
[0084]步驟S5”:在所查找到的各開始掃描標(biāo)記代碼前作第二切分。
[0085]在本實施例中，當(dāng)查找到所述開始掃描標(biāo)記代碼(即相當(dāng)于找到掃描邊界)后則將每次掃描的圖像數(shù)據(jù)(或稱字節(jié)流)加以切分，一股切分的方式即加入切分符(代碼)，以提升之后圖片傳輸及顯示的速度，提升用戶體驗，舉例來說，JPEG格式的文件中的開始掃描標(biāo)記代碼為字節(jié)符“OxFFDA”。
[0086]步驟S6”:在各個第二切分處之前的字節(jié)流末尾添加結(jié)束標(biāo)記代碼。
[0087]在本實施例中，漸進(jìn)式JPEG格式的文件中結(jié)束標(biāo)記代碼為“0xFFD9”，增加此結(jié)束標(biāo)記代碼可有效避免圖片顯示錯誤。
[0088]步驟S7”:將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求。
[0089]在本實施例中，即將經(jīng)過上述切分處理后的圖片響應(yīng)客戶端的請求，通過網(wǎng)絡(luò)進(jìn)行傳輸顯不。
[0090]當(dāng)然，需說明的是本實施例中的步驟S6”同樣可應(yīng)用于上述實施例中，此實施例僅為例示而非限定。
[0091]實施例4:
[0092]請參閱圖4，本發(fā)明還提供一種網(wǎng)絡(luò)圖片處理系統(tǒng)1，包括:接收模塊11，用于接收來自網(wǎng)絡(luò)的圖片顯示請求；格式轉(zhuǎn)換模塊12，用于將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式；查找模塊13，用于從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼；切分模塊14，用于按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分，以及用于在所查找到的各開始掃描標(biāo)記代碼前作第二切分；響應(yīng)模塊15，用于將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求。
[0093]所述網(wǎng)絡(luò)圖片處理系統(tǒng)的技術(shù)原理與上述網(wǎng)絡(luò)圖片處理方法大致相同，故部分技術(shù)實現(xiàn)細(xì)節(jié)不再重復(fù)贅述，但需說明的是，所述網(wǎng)絡(luò)圖片處理系統(tǒng)I既可軟件實現(xiàn)，即所述各種模塊(標(biāo)號11?15)皆為軟件模塊；當(dāng)然所述各模塊亦可硬件實現(xiàn)，又或者軟、硬件結(jié)合，舉例來說，若硬件實現(xiàn)，則所述接收模塊11或響應(yīng)模塊15可以通過例如網(wǎng)卡、射頻天線及外圍電路等實現(xiàn)；所述格式轉(zhuǎn)換模塊12、查找模塊13及切分模塊14可以通過客戶端處理器中的集成電路、以及與處理器電性鏈接的存儲器來實現(xiàn)。
[0094]實施例5:
[0095]請參閱圖5，在另一實施例中，本發(fā)明的網(wǎng)絡(luò)圖片處理系統(tǒng)I’包括:接收模塊11’，用于接收來自網(wǎng)絡(luò)的圖片顯示請求；格式轉(zhuǎn)換模塊12’，用于將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式；查找模塊13’，用于從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼；切分模塊14’，用于按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分，以及用于在所查找到的各開始掃描標(biāo)記代碼前作第二切分；響應(yīng)模塊15’，用于將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求。
[0096]在本實施例中，所述查找模塊13’還可以包括判斷模塊131’，用于判斷是否查找到所述開始掃描標(biāo)記代碼；若是，則通知所述切分模塊14’作第二切分；若否，則通知所述響應(yīng)模塊15’直接將圖片響應(yīng)所述圖片顯示請求。
[0097]所述網(wǎng)絡(luò)圖片處理系統(tǒng)I’的技術(shù)原理與上述實施例大致相同，故部分技術(shù)實現(xiàn)細(xì)節(jié)不再重復(fù)贅述，但需說明的是，所述網(wǎng)絡(luò)圖片處理系統(tǒng)I’既可軟件實現(xiàn)，即所述各種模塊(標(biāo)號11’?15’ )皆為軟件模塊；當(dāng)然所述各模塊亦可硬件實現(xiàn)，又或者軟、硬件結(jié)合，舉例來說，若硬件實現(xiàn)，則所述接收模塊11’或響應(yīng)模塊15’可以通過例如網(wǎng)卡、射頻天線及外圍電路等實現(xiàn)；所述格式轉(zhuǎn)換模塊12’、查找模塊13’(包括判斷模塊131’)、切分模塊14’可以通過客戶端處理器中的集成電路、以及與處理器電性鏈接的存儲器來實現(xiàn)。
[0098]實施例6:
[0099]請參閱圖6，在又一實施例中，本發(fā)明的網(wǎng)絡(luò)圖片處理系統(tǒng)I”包括:接收模塊11”，用于接收來自網(wǎng)絡(luò)的圖片顯示請求；格式轉(zhuǎn)換模塊12”，用于將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式；查找模塊13”，用于從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼；切分模塊14”，用于按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分，以及用于在所查找到的各開始掃描標(biāo)記代碼前作第二切分；響應(yīng)模塊15”，用于將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求。
[0100]在本實施例中，所述圖片處理系統(tǒng)I”還包括:添加模塊16”，用于在各個第二切分處之前的字節(jié)末尾添加結(jié)束標(biāo)記代碼，如此可避免圖片顯示錯誤，當(dāng)然所述添加模塊16”同樣可用于上述實施例4中，在此僅作例示而非限定。
[0101]在本實施例中，所述查找模塊13”包括判斷模塊131”，用于判斷是否查找到所述開始掃描標(biāo)記代碼；若是，則通知所述切分模塊14”作第二切分；若否，則通知所述響應(yīng)模塊15”直接將圖片響應(yīng)所述圖片顯示請求。
[0102]所述網(wǎng)絡(luò)圖片處理系統(tǒng)I”的技術(shù)原理與上述實施例大致相同，故部分技術(shù)實現(xiàn)細(xì)節(jié)不再重復(fù)贅述，但需說明的是，所述網(wǎng)絡(luò)圖片處理系統(tǒng)I”既可軟件實現(xiàn)，即所述各種模塊(標(biāo)號11”?16”)皆為軟件模塊；當(dāng)然所述各模塊亦可硬件實現(xiàn)，又或者軟、硬件結(jié)合，舉例來說，若硬件實現(xiàn)，則所述接收模塊11”或響應(yīng)模塊15”可以通過例如網(wǎng)卡、射頻天線及外圍電路等實現(xiàn)；所述格式轉(zhuǎn)換模塊12”、查找模塊13”(包括判斷模塊131”)、切分模塊14”及添加模塊16”可以通過客戶端處理器中的集成電路、以及與處理器電性鏈接的存儲器來實現(xiàn)。
[0103]實施例7:
[0104]根據(jù)上述，因此，本發(fā)明還可以提供一種服務(wù)器端，其技術(shù)原理也相類似，其包括:網(wǎng)絡(luò)接口單元，用于接收來自于網(wǎng)絡(luò)連接所述服務(wù)器端的至少一客戶端的圖片顯示請求，在本實施例中，所述網(wǎng)絡(luò)接口單元可以是有線網(wǎng)絡(luò)接口 RJ45，連接網(wǎng)卡等，也可以是位于無線網(wǎng)絡(luò)的射頻接收器上；存儲器單元，用于存儲對應(yīng)所述圖片顯示請求的圖片數(shù)據(jù)，在本實施例中，所述存儲器單元可以是ROM、RAM等常用存儲器；處理器單元，連接于所述網(wǎng)絡(luò)收發(fā)單元及存儲器，用于將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式；所述處理器單元還用于從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼；所述處理器單元還用于按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分，以及用于在所查找到的各開始掃描標(biāo)記代碼前作第二切分，并通過所述網(wǎng)絡(luò)接口單元將第二切分后的漸進(jìn)式掃描圖片響應(yīng)客戶端的圖片顯示請求，在本實施例中，所述處理器單元可以是CPU，如臺式電腦、筆記本電腦或服務(wù)器中使用的Intel處理器(x86，Xeon, Core2I7, 13，15等型號)或AMD處理器(K10、K8等型號)以及外圍電路，再或者嵌入式設(shè)備中的單片機芯片如ARM、MCU等及其外圍電路。
[0105]優(yōu)選的，所述處理器單元，還用于判斷是否查找到所述開始掃描標(biāo)記代碼；若是，則執(zhí)行所述在所查找到的各開始掃描標(biāo)記代碼前作第二切分；若否，則將直接將圖片響應(yīng)所述圖片顯示請求。
[0106]優(yōu)選的，所述處理器單元，還用于在各個第二切分處之前的字節(jié)末尾添加結(jié)束標(biāo)記代碼。
[0107]優(yōu)選的，所述預(yù)設(shè)圖片顯示比例是與發(fā)出所述圖片顯示請求的客戶端的配置信息、所使用網(wǎng)絡(luò)瀏覽器及網(wǎng)絡(luò)流量中的一種或幾種參數(shù)的組合關(guān)聯(lián)而定。
[0108]實施例8:
[0109]因此，本發(fā)明還可提供一種網(wǎng)絡(luò)系統(tǒng)，包括:所述服務(wù)器端；以及連接所述服務(wù)器端的客戶端。
[0110]綜上所述，本發(fā)明提供的網(wǎng)絡(luò)圖片處理方法及系統(tǒng)，通過接收來自網(wǎng)絡(luò)的圖片顯示請求，將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式，按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分，并從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼，在所查找到的各開始掃描標(biāo)記代碼前作第二切分，將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求；從而在圖片壓縮的基礎(chǔ)上進(jìn)一步切割并減少圖片的傳輸數(shù)據(jù)量，且不影響圖片的顯示輪廓并保證顯示質(zhì)量，有效提升用戶上網(wǎng)體驗。
[0111]上述實施例僅例示性說明本發(fā)明的原理及其功效，而非用于限制本發(fā)明。任何熟悉此技術(shù)的人士皆可在不違背本發(fā)明的精神及范疇下，對上述實施例進(jìn)行修飾或改變。因此，舉凡所屈【技術(shù)領(lǐng)域】中具有通常知識者在未脫離本發(fā)明所揭示的精神與技術(shù)思想下所完成的一切等效修飾或改變，仍應(yīng)由本發(fā)明的權(quán)利要求所涵蓋。
【權(quán)利要求】
1.一種網(wǎng)絡(luò)圖片處理方法，其特征在于，包括: 接收來自網(wǎng)絡(luò)的圖片顯示請求； 將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式； 按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分； 從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼； 在所查找到的各開始掃描標(biāo)記代碼前作第二切分； 將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求。
2.根據(jù)權(quán)利要求1所述的網(wǎng)絡(luò)圖片處理方法，其特征在于，所述從第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼，包括:判斷是否查找到所述開始掃描標(biāo)記代碼的步驟；若是，則執(zhí)行所述在所查找到的各開始掃描標(biāo)記代碼前作第二切分；若否，則直接將圖片響應(yīng)所述圖片顯示請求。
3.根據(jù)權(quán)利要求1所述的網(wǎng)絡(luò)圖片處理方法，其特征在于，在所述將第二切分后的漸進(jìn)式掃描圖片響應(yīng)客戶端的圖片顯示請求之前，還包括:在各個第二切分處之前的字節(jié)流末尾添加結(jié)束標(biāo)記代碼的步驟。
4.根據(jù)權(quán)利要求1所述的網(wǎng)絡(luò)圖片處理方法，其特征在于，所述預(yù)設(shè)圖片顯示比例是與發(fā)出所述圖片顯示請求的客戶端的配置信息、所使用網(wǎng)絡(luò)瀏覽器及網(wǎng)絡(luò)流量中的一種或幾種參數(shù)的組合關(guān)聯(lián)而定。
5.根據(jù)權(quán)利要求1所述的網(wǎng)絡(luò)圖片處理方法，其特征在于，所述圖片包含于網(wǎng)頁中。
6.一種網(wǎng) 絡(luò)圖片處理系統(tǒng)，其特征在于，包括: 接收模塊，用于接收來自網(wǎng)絡(luò)的圖片顯示請求； 格式轉(zhuǎn)換模塊，用于將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式；查找模塊，用于從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼； 切分模塊，用于按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分，以及用于在所查找到的各開始掃描標(biāo)記代碼前作第二切分； 響應(yīng)模塊，用于將第二切分后的漸進(jìn)式掃描圖片響應(yīng)所述圖片顯示請求。
7.根據(jù)權(quán)利要求6所述的網(wǎng)絡(luò)圖片處理系統(tǒng)，所述查找模塊還包括:判斷模塊，用于判斷是否查找到所述開始掃描標(biāo)記代碼；若是，則執(zhí)行所述在所查找到的各開始掃描標(biāo)記代碼前作第二切分；若否，則將直接將圖片響應(yīng)所述圖片顯示請求。
8.根據(jù)權(quán)利要求6所述的網(wǎng)絡(luò)圖片處理系統(tǒng)，其特征在于，還包括:添加模塊，用于在各個第二切分處之前的字節(jié)末尾添加結(jié)束標(biāo)記代碼。
9.根據(jù)權(quán)利要求6所述的網(wǎng)絡(luò)圖片處理系統(tǒng)，其特征在于，所述預(yù)設(shè)圖片顯示比例是與發(fā)出所述圖片顯示請求的客戶端的配置信息、所使用網(wǎng)絡(luò)瀏覽器及網(wǎng)絡(luò)流量中的一種或幾種參數(shù)的組合關(guān)聯(lián)而定。
10.根據(jù)權(quán)利要求6所述的網(wǎng)絡(luò)圖片處理系統(tǒng)，其特征在于，所述圖片包含于網(wǎng)頁中。
11.一種服務(wù)器端，其特征在于，包括: 網(wǎng)絡(luò)接口單元，用于接收來自于網(wǎng)絡(luò)連接所述服務(wù)器端的至少一客戶端的圖片顯示請求；存儲器單元，用于存儲對應(yīng)所述圖片顯示請求的圖片數(shù)據(jù)； 處理器單元，連接于所述網(wǎng)絡(luò)收發(fā)單元及存儲器，用于將符合所述圖片顯示請求的圖片轉(zhuǎn)換為漸進(jìn)式掃描圖片格式；所述處理器單元還用于從所述第一切分處向后遍歷所述漸進(jìn)式掃描圖片的字節(jié)流，以查找所述漸進(jìn)式掃描圖片每次掃描的開始掃描標(biāo)記代碼；所述處理器單元還用于按預(yù)設(shè)圖片顯示比例對轉(zhuǎn)換后的漸進(jìn)式掃描圖片作第一切分，以及用于在所查找到的各開始掃描標(biāo)記代碼前作第二切分，并通過所述網(wǎng)絡(luò)接口單元將第二切分后的漸進(jìn)式掃描圖片響應(yīng)客戶端的圖片顯示請求。
12.根據(jù)權(quán)利要求11所述的服務(wù)器端，其特征在于，所述處理器單元，還用于判斷是否查找到所述開始掃描標(biāo)記代碼；若是，則執(zhí)行所述在所查找到的各開始掃描標(biāo)記代碼前作第二切分；若否，則將直接將圖片響應(yīng)所述圖片顯示請求。
13.根據(jù)權(quán)利要求11所述的服務(wù)器端，其特征在于，所述處理器單元，還用于在各個第二切分處之前的字節(jié)末尾添加結(jié)束標(biāo)記代碼。
14.根據(jù)權(quán)利要求11所述的服務(wù)器端，其特征在于，所述預(yù)設(shè)圖片顯示比例是與發(fā)出所述圖片顯示請求的客戶端的配置信息、所使用網(wǎng)絡(luò)瀏覽器及網(wǎng)絡(luò)流量中的一種或幾種參數(shù)的組合關(guān)聯(lián)而定。
15.一種網(wǎng)絡(luò)系統(tǒng)，其特征在于，包括:如權(quán)利要求11至14中任一項所述的服務(wù)器端；以及連接所述服務(wù)器端的客戶端。`
【文檔編號】G06F17/30GK103870561SQ201410081018
【公開日】2014年6月18日 申請日期:2014年3月6日 優(yōu)先權(quán)日:2014年3月6日
【發(fā)明者】洪珂, 謝玉燕, 林俊男 申請人:網(wǎng)宿科技股份有限公司