[發明專利]圖片處理方法、裝置與電子設備

在審

• 申請號: 202110679101.6
• 申請日: 2021-06-18
• 公開（公告）號: CN113377453A
• 公開（公告）日: 2021-09-10
• 發明（設計）人: 周志凱
• 申請（專利權）人: 北京沃東天駿信息技術有限公司;北京京東世紀貿易有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445;G06F16/957;G06F16/958
• 代理公司: 北京律智知識產權代理有限公司 11438
• 代理人: 孫寶海;袁禮君

本公開提供一種圖片處理方法、裝置與電子設備。圖片處理方法包括：對目標圖片進行預處理以生成目標矢量圖片；根據預設配置參數刪除或修改所述目標矢量圖片中的信息；根據所述目標矢量圖片生成字體文件，以使網頁通過加載所述字體文件引用所述目標矢量圖片。本公開實施例可以自動生成便于網頁加載的圖片，提高網頁圖片的加載速度和顯示質量。

技術領域

本公開涉及網頁技術領域，具體而言，涉及一種用于網頁的圖片處理方法、裝置與電子設備。

背景技術

網頁加載圖片時一般直接根據網頁代碼中記錄的圖片地址查找圖片文件并加載。由于非矢量圖形在改變顯示尺寸時會導致圖片模糊，網頁通常使用數據量較大的矢量圖片，當網頁中包含圖片較多時，會極大影響網頁加載速度。同時，網頁中每個圖標均對應一個圖片文件，在網頁中的圖標較多時，大量圖標的加載也會給網頁加載速度帶來挑戰。此外，制作網頁圖標時通常需要人工將目標圖片制作成符合圖標要求的圖片文件，這一過程也給網頁開發帶來較大的時間成本和人力成本。

需要說明的是，在上述背景技術部分公開的信息僅用于加強對本公開的背景的理解，因此可以包括不構成對本領域普通技術人員已知的現有技術的信息。

發明內容

本公開的目的在于提供一種圖片處理方法、裝置與電子設備，用于至少在一定程度上克服由于相關技術的限制和缺陷而導致的網頁圖片加載效率低、網頁圖標制作和加載效率低的問題。

根據本公開實施例的第一方面，提供一種圖片處理方法，包括：對目標圖片進行預處理以生成目標矢量圖片；根據預設配置參數刪除或修改所述目標矢量圖片中的信息；根據所述目標矢量圖片生成字體文件，以使網頁通過加載所述字體文件引用所述目標矢量圖片。

在本公開的一種示例性實施例中，所述對目標圖片進行預處理以生成目標矢量圖片包括：將所述目標圖片轉化為Base64字符后，將所述Base64字符轉化為矢量圖片，以得到所述目標矢量圖片。

在本公開的一種示例性實施例中，所述根據預設配置參數刪除或修改所述目標矢量圖片中的信息包括：獲取與所述目標圖片對應的配置文件，所述配置文件中包含所述預設配置參數，所述預設配置參數至少包括刪除項和轉換項；根據所述刪除項刪除所述目標矢量圖片中的信息，所述信息至少包括文件類型標記、文件格式信息、背景色、空字符、隱藏信息等；根據所述轉換項對所述目標矢量圖片進行以下處理中的至少一種：修改文件名、顏色翻轉、調整對比度、調整亮度、調整圖片形狀、調整圖片尺寸、調整圖片存儲量大小。

在本公開的一種示例性實施例中，所述字體文件包括預設矢量圖片，所述根據所述目標矢量圖片生成字體文件包括：將所述目標矢量圖片添加到預設矢量圖片，以使網頁在加載所述預設矢量圖片后，通過symbol標簽引用所述目標矢量圖片的文件名來引用所述目標矢量圖片。

在本公開的一種示例性實施例中，所述字體文件包括字體樣式文件，所述根據所述目標矢量圖片生成字體文件包括：根據所述目標矢量圖片生成預設格式的字體樣式文件，并在所述字體樣式文件中生成所述目標矢量圖片的文件名，以使網頁在加載所述字體樣式文件后，通過class標簽引用所述目標矢量圖片的文件名來引用所述目標矢量圖片。

在本公開的一種示例性實施例中，所述字體文件包括字體樣式文件，所述根據所述目標矢量圖片生成字體文件包括：根據所述目標矢量圖片生成預設格式的字體樣式文件，并在所述字體樣式文件中生成所述目標矢量圖片的統一碼，以使網頁在加載所述字體樣式文件后，通過引用所述目標矢量圖片的統一碼來引用所述目標矢量圖片。

在本公開的一種示例性實施例中，所述目標圖片包括圖標圖片。

根據本公開實施例的第二方面，提供一種圖片處理裝置，包括：矢量圖片轉換模塊，設置為對目標圖片進行預處理以生成目標矢量圖片；圖片信息修改模塊，設置為根據預設配置參數刪除或修改所述目標矢量圖片中的信息；字體文件生成模塊，設置為根據所述目標矢量圖片生成字體文件，以使網頁通過加載所述字體文件引用所述目標矢量圖片。