[發明專利]網絡動態圖片的靜態顯示方法和裝置

有效

• 申請號: 201210504472.1
• 申請日: 2012-11-30
• 公開（公告）號: CN103856507B
• 公開（公告）日: 2017-09-08
• 發明（設計）人: 鄭旭澤
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: H04L29/08
• 分類號: H04L29/08
• 代理公司: 北京德琦知識產權代理有限公司11018
• 代理人: 張曉峰,宋志強

技術領域

本申請涉及網絡信息顯示技術領域，尤其涉及一種網絡動態圖片的靜態顯示方法和裝置。

背景技術

目前的互聯網絡上出現了大量的動態圖片。最常見的動態圖片為圖像互換格式（GIF，Graphics Interchange Format）圖片。動態圖片的一個重要特點是其在一個文件中可以存多幅圖像，并可以把存于一個文件中的多幅圖像數據逐幅讀出并顯示到屏幕上，從而加載顯示一種最簡單的動畫，構成了動態的效果。

目前業界出現了一種將網絡上的動態圖片靜態化的技術需求，即在瀏覽器或其它客戶端中加載顯示動態圖片的靜態圖片。例如在一些網絡網頁中，一個網頁含有大量的動態圖片，如果同時動態顯示，會嚴重干擾瀏覽者的視覺判斷，妨礙瀏覽者瀏覽目標信息，在這種情況下就需要將動態圖片靜態化為靜態圖片加載顯示。

現有的將網絡上的動態圖片靜態加載顯示在網頁中的技術方案主要是一種脫離客戶端的顯示處理技術，即采用后臺服務器對同一張gif圖片生成兩張圖片，一張為動態的gif圖，一張為該gif圖的第一幀靜態png圖。當客戶端（如瀏覽器或其他可以瀏覽網頁的客戶端）向服務器發起訪問所述動態圖片的請求后，服務器會默認返回所述靜態圖片，即所述靜態png圖，客戶端會默認加載顯示該靜態png圖，從而實現動態圖片的靜態化顯示。當用于希望顯示動態效果的時候，則客戶端向服務器重新發起動態請求，服務器返回對應的動態的gif圖，客戶端再加載顯示該動態的gif圖，這樣可以達到動態圖片的靜態化和動態化之間的轉換顯示。

但是，上述現有技術存在如下技術問題：

服務器上需要為每一張動態圖片轉換一張對應的靜態圖片，需要占用計算資源；同時還要保存兩張圖片，一張為動態圖片（即所述動態的gif圖片），一張為靜態圖片（即所述靜態png圖），這樣會比較浪費服務器的硬盤空間。通常在網絡側，一臺服務器所要保存的網頁的數量非常龐大，而大多數網頁中往往包括多張動態圖片，現有技術需要對每張動態圖片進行轉換靜態圖片的處理，計算量巨大；同時服務器還要保存每張動態圖片對應的兩張圖片，所占用的硬盤存儲空間也非常巨大。

發明內容

有鑒于此，本發明的主要目的在于提供一種網絡動態圖片的靜態顯示方法和裝置，以節省服務器的計算資源和存儲資源。

本發明的技術方案是這樣實現的：

一種網絡動態圖片的靜態顯示方法，包括：

從服務器下載網絡動態圖片到本地；

在所述動態圖片下載完成后，新建文本標簽，在該文本標簽中設置本地操作系統圖片處理濾鏡的調用命令，將該調用命令的處理地址設置為所述動態圖片在本地的緩存地址，在網頁的指定位置上插入該文本標簽；

執行所述文本標簽，調用本地操作系統圖片處理濾鏡從所述動態圖片中提取一幀圖片，將提取出的該一幀圖片作為靜態圖片加載顯示在所述文本標簽對應的網頁位置。

一種網絡動態圖片的靜態顯示裝置，該裝置包括：

圖片訪問下載模塊，用于從服務器下載網絡動態圖片到本地；

第一標簽建立模塊，用于在所述動態圖片下載完成后，新建文本標簽，在該文本標簽中設置本地操作系統圖片處理濾鏡的調用命令，將該調用命令的處理地址設置為所述動態圖片在本地的緩存地址，在網頁的指定位置上插入該文本標簽；

第一顯示模塊，用于執行所述文本標簽，調用本地操作系統圖片處理濾鏡從所述動態圖片中提取一幀圖片，將提取出的該一幀圖片作為靜態圖片加載顯示在所述文本標簽對應的網頁位置。

與現有技術相比，本發明只需要一次請求下載動態圖片在本地，然后利用本地操作系統的圖片處理濾鏡從動態圖片中提取出一幀圖片作為該動態圖片的靜態圖片加載顯示。這種方案中，針對一張動態圖片，在服務器上只需要保存一張該動態圖片即可，不必再保存靜態圖片，也省去了服務器將動態圖片轉換為靜態圖片的計算量。針對保存有大量含有動態圖片的網頁的服務器來講，如此巨大量的動態圖片，每張動態圖片從保存兩張圖片削減到只保存一張圖片，因此可以大大節省服務器的存儲資源；同時，由于服務器不必對如此巨量的動態圖片進行轉換靜態圖片的計算處理，而是將靜態化的處理交給發起訪問請求的客戶端設備，從而由大量分散的客戶端設備代替了服務器進行巨量的動態圖片靜態化處理，節省了服務器的計算資源。

附圖說明

圖1為本發明所述網絡動態圖片的靜態顯示方法的一種流程圖；

圖2為本發明所述方法的進一步實施例的一種流程圖；

圖3為本發明所述網絡動態圖片的靜態顯示裝置的一種實施例組成示意圖；