[發明專利]圖片合成方法及裝置

在審

• 申請號: 201611238189.3
• 申請日: 2016-12-28
• 公開（公告）號: CN106649794A
• 公開（公告）日: 2017-05-10
• 發明（設計）人: 陳學中;張楷豪
• 申請（專利權）人: 北京奇虎科技有限公司;北京奇安信科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京潤澤恒知識產權代理有限公司11319
• 代理人: 劉祥景

技術領域

本發明涉及互聯網技術領域，特別是涉及一種圖片合成方法及裝置。

背景技術

提高網頁顯示速度最有效的一個方法是減少頁面的HTTP(HyperText Transfer Protocol，超文本傳輸協議)請求次數。目前，在網頁制作時通常采用精靈圖片技術，以減少HTTP請求次數。精靈圖片技術可以將許多圖片放到一張大圖片里面，通過CSS(Cascading Style Sheets，層疊樣式表)來顯示圖片的一部分。

精靈圖片是由網頁制作技術人員在制作網頁過程中、通過一定技術手段制作而成的，現有的精靈圖片制作方案具體包括：訪問系統預設的圖片庫，其中，圖片庫中存儲有多個子圖片；按順序從該圖片庫中依次拉取子圖片至精靈圖片生成界面中，最終將拉取的各子圖片合成為精靈圖片，并生成精靈圖片對應的CSS。

發明人在實施本發明的過程中發現，現有的精靈圖片制作方案至少存在如下問題：當需要對已生成的精靈圖片中的某子圖片執行替換、或者刪除等更新操作時，需要網頁制作技術人員重新訪問上述圖片庫，按照新的順序依次拉取各子圖片至精靈圖片生成界面中，合并成精靈圖片，也即精靈圖片的更新過程較為繁瑣；而隨著互聯網技術的快速發展，網頁更新速度有增無減，現有的精靈圖片制作方案勢必會花費網頁制作人員大量的時間，既耗費了大量的人力成本，又影響了精靈圖片的更新效率。

發明內容

鑒于現有的精靈圖片生成方案中存在的精靈圖片更新過程繁瑣，既占用人力資源又影響精靈圖片的更新效率的問題，提出了本發明以便提供一種克服上述問題的圖片合成方法及裝置。

依據本發明的一個方面，提供了一種圖片合成方法，其中，所述方法包括：響應于對于待合成子圖片的添加指令，將所述待合成子圖片添加至子圖片目錄中，以得到所述子圖片目錄中的子圖片；依據所述子圖片目錄中的各子圖片，合成得到對應的第一目標圖片；確定所述第一目標圖片的存儲路徑；依據所述子圖片目錄中的各子圖片對應的合成信息、以及所述第一目標圖片的存儲路徑，生成所述第一目標圖片對應的Less文件。

可選地，所述方法還包括：將所述第一目標圖片對應的Less文件導入所述網頁的主Less文件中；對導入所述Less文件后的主Less文件進行編譯，以得到所述第一目標圖片對應的層疊樣式表CSS。

可選地，所述方法還包括：在生成所述第一目標圖片對應的Less文件后，對所述第一目標圖片對應的子圖片目錄進行更新；依據更新后的子圖片目錄，得到對應的第二目標圖片、以及所述第二目標文件對應的Less文件。

可選地，所述對所述第一目標圖片對應的子圖片目錄進行更新的步驟，包括：接收對待添加子圖片的添加指令；響應所述添加指令，將所述待添加圖片添加至所述子圖片目錄中。

可選地，所述對所述第一目標圖片對應的子圖片目錄進行更新的步驟，包括：接收對待替換子圖片的添加指令；采用所述待替換圖片，對應替換所述子圖片目錄中被替換的子圖片。

可選地，所述對所述第一目標圖片對應的子圖片目錄進行更新的步驟，包括：接收對所述子圖片目錄中待刪除子圖片的刪除指令；響應所述刪除指令，將所述待刪除子圖片從所述子圖片目錄中刪除。

依據本發明的另一個方面，提供了一種圖片合成裝置，其中，所述裝置包括：添加模塊，用于響應于對于待合成子圖片的添加指令，將所述待合成子圖片添加至子圖片目錄中，以得到所述子圖片目錄中的子圖片；合成模塊，用于依據所述子圖片目錄中的各子圖片，合成得到對應的第一目標圖片；路徑確定模塊，用于確定所述第一目標圖片的存儲路徑；文件生成模塊，用于依據所述子圖片目錄中的各子圖片對應的合成信息、以及所述第一目標圖片的存儲路徑，生成所述第一目標圖片對應的Less文件。

可選地，所述裝置還包括：導入模塊，用于將所述第一目標圖片對應的Less文件導入所述網頁的主Less文件中；編譯模塊，用于對導入所述Less文件后的主Less文件進行編譯，以得到所述第一目標圖片對應的層疊樣式表CSS。

可選地，所述裝置還包括：目錄更新模塊，用于在生成所述第一目標圖片對應的Less文件后，對所述第一目標圖片對應的子圖片目錄進行更新；文件更新模塊，用于依據更新后的子圖片目錄，得到對應的第二目標圖片、以及所述第二目標文件對應的Less文件。

可選地，所述目錄更新模塊包括：第一指令接收子模塊，用于接收對待添加子圖片的添加指令；添加子模塊，用于響應所述添加指令，將所述待添加圖片添加至所述子圖片目錄中。