[發(fā)明專利]一種截取照片縮略圖的方法及系統(tǒng)

有效

• 申請?zhí)枺?/td>: 201110033356.1
• 申請日: 2011-01-30
• 公開（公告）號: CN102184179A
• 公開（公告）日: 2011-09-14
• 發(fā)明（設(shè)計）人: 楊軍;何倩;劉珊珊;張利斌
• 申請（專利權(quán)）人: 北京開心人信息技術(shù)有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京聯(lián)創(chuàng)佳為專利事務(wù)所(普通合伙) 11362
• 代理人: 郭防

技術(shù)領(lǐng)域

本發(fā)明涉及一種截取照片縮略圖的方法及系統(tǒng)，屬于社交網(wǎng)絡(luò)服務(wù)領(lǐng)域。

背景技術(shù)

現(xiàn)有的照片縮略圖，通常是對照片隨機截取。對于豎版的照片，使用這種方法生成的縮略圖，其重要信息不完整，用戶預(yù)覽照片時，很難辨識出照片的實際內(nèi)容。用戶若需查看某張照片，則需要打開照片原圖進行查找，這給用戶查看照片帶來了不便，影響了用戶的體驗；另外，現(xiàn)有技術(shù)產(chǎn)生縮略圖的方法中，由于要考慮圖片在頁面中的排版，對每一張圖片都要經(jīng)過多次計算、判斷和比較之后，執(zhí)行壓縮來生成適合頁面布局的縮略圖尺寸，然后保存至服務(wù)器，服務(wù)器的壓力增大，導(dǎo)致服務(wù)器的穩(wěn)定性差。

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

本發(fā)明的目的在于，提供一種截取照片縮略圖的方法及系統(tǒng)，它能夠使生成的縮略圖中包含照片的完整重要信息，使用戶預(yù)覽照片時，可直觀的辨識出照片的實際內(nèi)容，給用戶查看照片帶來了方便，提高了用戶的體驗。

為解決上述技術(shù)問題，本發(fā)明采用如下的技術(shù)方案：一種截取照片縮略圖的方法，包括以下步驟：

S1，服務(wù)器根據(jù)照片顯示的頁面類型的不同，將用戶的照片保存為不同的地址；

S2，客戶端定位用戶欲查看的頁面中的照片的蒙版的位置；

S3，客戶端按照用戶欲查看的頁面類型獲取相應(yīng)的照片地址；

S4，客戶端使用蒙板截取照片頂端往下15％～62.5％的區(qū)域作為縮略圖；

S5，用戶訪問頁面時，客戶端根據(jù)所獲照片地址查看縮略圖并緩存圖片。

前述的一種截取照片縮略圖的方法，所述的步驟S4中，客戶端根據(jù)所獲照片地址下載照片包括：將照片保存在客戶端的緩存中。將照片和縮略圖保存在客戶端緩存中可減輕服務(wù)器的壓力。

前述的一種截取照片縮略圖的方法，所述的步驟S5，還包括：將照片定位，并使照片沿水平方向居中。

前述的一種截取照片縮略圖的方法中，所述的頁面類型，包括：首頁、照片原圖頁面、照片預(yù)覽頁面或者動態(tài)展示頁面。

實現(xiàn)前述方法的一種截取照片縮略圖的系統(tǒng)，包括：

地址生成模塊，用于服務(wù)器根據(jù)照片顯示的頁面類型的不同，將用戶的照片保存為不同的地址；

定位模塊，用于客戶端定位用戶欲查看的頁面中的照片的蒙版的位置；

地址獲取模塊，用于客戶端按照用戶欲查看的頁面類型獲取相應(yīng)的照片地址；

截取模塊，用于客戶端使用蒙板截取照片頂端往下15％～62.5％的區(qū)域作為縮略圖；

顯示模塊，用于客戶端根據(jù)所獲照片地址查看縮略圖并緩存圖片。

前述的一種截取照片縮略圖的系統(tǒng)，還包括圖片緩存模塊，用于將照片保存在客戶端的緩存中。

前述的一種截取照片縮略圖的系統(tǒng)，還包括定位居中模塊，用于將照片定位，并使照片沿水平方向居中。

與現(xiàn)有技術(shù)相比，本發(fā)明通過將用戶的照片保存為不同的地址，定位頁面中的照片的蒙版的位置；按照用戶欲查看的頁面類型獲取相應(yīng)的照片地址并將其作為蒙版的背景，而后截取照片生成縮略圖；本發(fā)明使生成的縮略圖中包含照片的完整重要信息，使用戶預(yù)覽照片時，可直觀的辨識出照片的實際內(nèi)容，給用戶查看照片帶來了方便，提高了用戶的體驗；另外，本發(fā)明對照片進行處理生成縮略圖的過程中，服務(wù)器只需要將圖片和標準寬度進行一次比較之后執(zhí)行壓縮，然后返回對應(yīng)圖片地址，由客戶端來完成縮略圖的適應(yīng)，因此使用本發(fā)明所述的方法可減小服務(wù)器的壓力，改善服務(wù)器的穩(wěn)定性。

附圖說明

圖1是本發(fā)明的一種實施例的系統(tǒng)結(jié)構(gòu)示意圖；

圖2是本發(fā)明的一種實施例的工作流程圖。

附圖標記：1-地址生成模塊，2-定位模塊，3-地址獲取模塊，4-顯示模塊，5-截取模塊，6-圖片緩存模塊，7定位居中模塊。

下面結(jié)合附圖和具體實施方式對本發(fā)明作進一步的說明。

具體實施方式

本發(fā)明的實施例：一種截取照片縮略圖的方法，包括以下步驟：

S1，服務(wù)器根據(jù)照片顯示的頁面類型的不同，將用戶的照片保存為不同的地址；

S2，客戶端定位用戶欲查看的頁面中的照片的蒙版的位置；

S3，客戶端按照用戶欲查看的頁面類型獲取相應(yīng)的照片地址；

S4，客戶端使用蒙板截取照片頂端往下15％～62.5％的區(qū)域作為縮略圖；

S5，用戶訪問頁面時，客戶端根據(jù)所獲照片地址查看縮略圖并緩存圖片。

所述的步驟S4中，客戶端根據(jù)所獲照片地址下載照片包括：將照片保存在客戶端的緩存中。

所述的步驟S5，還包括：將照片定位，并使照片沿水平方向居中。