本發(fā)明涉及圖片處理，并且更具體地，涉及一種網(wǎng)站圖片自動化顯示方法、裝置、介質(zhì)及設(shè)備。

背景技術(shù)：

1、當搭建一個網(wǎng)站時，網(wǎng)站上的不同位置的圖片，對應(yīng)的尺寸各不相同，可能一張圖片需要在多個位置用到，當只有一張圖片時，圖片傳到網(wǎng)站的不同位置，由于前端顯示的尺寸限制，圖片要么被裁剪，要么壓縮拉伸變形。如何將同一張圖片傳到不同尺寸的位置，又使得圖片能顯示美觀，成為亟待解決的技術(shù)問題。

技術(shù)實現(xiàn)思路

1、針對現(xiàn)有技術(shù)的不足，本發(fā)明提供一種網(wǎng)站圖片自動化顯示方法、裝置、介質(zhì)及設(shè)備。

2、根據(jù)本發(fā)明的一個方面，提供了一種網(wǎng)站圖片自動化顯示方法，包括：

3、讀取待顯示圖片，并獲取待顯示圖片的圖片信息，其中圖片信息包括：高度、寬度和通道數(shù)；

4、使用整數(shù)除法根據(jù)圖片信息對待顯示圖片進行切片操作，獲取多個具有整數(shù)坐標值的子圖像和圖片背景；

5、根據(jù)待顯示圖片的顯示位置尺寸的新畫布以及待顯示圖片的原畫布的尺寸比例，對多個子圖像進行等比例變換，獲取多個新尺寸的變換子圖像；

6、根據(jù)圖片背景將多個變換子圖像進行組合，生成新尺寸待顯示圖片；

7、將新尺寸待顯示圖片在顯示位置進行顯示。

8、可選地，使用整數(shù)除法根據(jù)圖片信息對待顯示圖片進行切片操作，獲取多個具有整數(shù)坐標值的子圖像和圖片背景，包括：

9、對待顯示圖片進行預(yù)處理；

10、采用圖像分割算法將預(yù)處理之后的待顯示圖片進行背景和元素分割，獲取待顯示圖片的圖片元素和圖片背景；

11、對圖片元素的二進制掩碼與待顯示圖片逐像素進行邏輯運算提取多個子圖像；

12、使用圖片背景的二進制掩碼和待顯示圖片進行邏輯運算，提取圖片背景區(qū)域。

13、可選地，采用圖像分割算法將預(yù)處理之后的待顯示圖片進行背景和元素分割，獲取待顯示圖片的圖片元素和圖片背景，包括：

14、準備包含圖片元素的正樣本和圖片背景的負樣本的訓(xùn)練數(shù)據(jù)集，其中正樣本為含有圖片元素的圖像區(qū)域，負樣本為不含圖片元素的背景區(qū)域；

15、設(shè)計cnn的網(wǎng)絡(luò)結(jié)構(gòu)，獲取cnn模型，其中cnn模型包括卷積層、池化層、全連接層；

16、將訓(xùn)練數(shù)據(jù)集中的正樣本和負樣本進行預(yù)處理；

17、使用預(yù)處理后的訓(xùn)練數(shù)據(jù)集對cnn模型進行訓(xùn)練，通過反向傳播算法，不斷調(diào)整cnn模型的網(wǎng)絡(luò)參數(shù)，使cnn模型能夠準確地劃分出圖片元素和圖片背景；

18、訓(xùn)練完成后，利用驗證數(shù)據(jù)集通過調(diào)試找到最佳的閾值，將輸出結(jié)果轉(zhuǎn)化為二進制掩碼，其中二進制掩碼中圖片的圖片元素區(qū)域為1，圖片背景區(qū)域為0；

19、使用訓(xùn)練好的cnn模型和確定的閾值，將輸入的對的待顯示圖片進行分割，獲取待顯示圖片的圖片元素和圖片背景。

20、可選地，根據(jù)待顯示圖片的顯示位置尺寸的新畫布以及待顯示圖片的原畫布的尺寸比例，對多個子圖像進行等比例變換，獲取多個新尺寸的變換子圖像，包括：

21、根據(jù)待顯示圖片上預(yù)設(shè)的多個點坐標以及新畫布對應(yīng)的多個點坐標，構(gòu)建仿射變換矩陣；

22、根據(jù)放射變換矩陣對子圖像進行等比例變換，獲取多個變換子圖像。

23、根據(jù)本發(fā)明的另一個方面，提供了一種網(wǎng)站圖片自動化顯示裝置，包括：

24、第一獲取模塊，用于讀取待顯示圖片，并獲取待顯示圖片的圖片信息，其中圖片信息包括：高度、寬度和通道數(shù)；

25、第二獲取模塊，用于使用整數(shù)除法根據(jù)圖片信息對待顯示圖片進行切片操作，獲取多個具有整數(shù)坐標值的子圖像和圖片背景；

26、第三獲取模塊，用于根據(jù)待顯示圖片的顯示位置尺寸的新畫布以及待顯示圖片的原畫布的尺寸比例，對多個子圖像進行等比例變換，獲取多個新尺寸的變換子圖像；

27、生成模塊，用于根據(jù)圖片背景將多個變換子圖像進行組合，生成新尺寸待顯示圖片；

28、顯示模塊，用于將新尺寸待顯示圖片在顯示位置進行顯示。

29、根據(jù)本發(fā)明的又一個方面，提供了一種計算機可讀存儲介質(zhì)，所述存儲介質(zhì)存儲有計算機程序，所述計算機程序用于執(zhí)行本發(fā)明上述任一方面所述的方法。

30、根據(jù)本發(fā)明的又一個方面，提供了一種電子設(shè)備，所述電子設(shè)備包括：處理器；用于存儲所述處理器可執(zhí)行指令的存儲器；所述處理器，用于從所述存儲器中讀取所述可執(zhí)行指令，并執(zhí)行所述指令以實現(xiàn)本發(fā)明上述任一方面所述的方法。

31、從而，通過使用圖片智能裁切自動化，實現(xiàn)了同一尺寸圖片，傳輸?shù)骄W(wǎng)站對應(yīng)不同尺寸位置時，自動調(diào)整圖片元素，節(jié)省圖片設(shè)計時間。

技術(shù)特征：

1.一種網(wǎng)站圖片自動化顯示方法，其特征在于，包括：

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，使用整數(shù)除法根據(jù)所述圖片信息對所述待顯示圖片進行切片操作，獲取多個具有整數(shù)坐標值的子圖像和圖片背景，包括：

3.根據(jù)權(quán)利要求2所述的方法，其特征在于，采用圖像分割算法將預(yù)處理之后的所述待顯示圖片進行背景和元素分割，獲取所述待顯示圖片的圖片元素和圖片背景，包括：

4.根據(jù)權(quán)利要求1所述的方法，其特征在于，根據(jù)待顯示圖片的顯示位置尺寸的新畫布以及所述待顯示圖片的原畫布的尺寸比例，對多個所述子圖像進行等比例變換，獲取多個新尺寸的變換子圖像，包括：

5.一種網(wǎng)站圖片自動化顯示裝置，其特征在于，包括：

6.根據(jù)權(quán)利要求5所述的裝置，其特征在于，第二獲取模塊，包括：

7.根據(jù)權(quán)利要求6所述的裝置，其特征在于，第一獲取子模塊，包括：

8.根據(jù)權(quán)利要求5所述的裝置，其特征在于，第三獲取模塊，包括：

9.一種計算機可讀存儲介質(zhì)，其特征在于，所述存儲介質(zhì)存儲有計算機程序，所述計算機程序用于執(zhí)行上述權(quán)利要求1-4任一所述的方法。

10.一種電子設(shè)備，其特征在于，所述電子設(shè)備包括：

技術(shù)總結(jié)
本發(fā)明公開了一種網(wǎng)站圖片自動化顯示方法、裝置、介質(zhì)及設(shè)備。其中，方法包括：讀取待顯示圖片，并獲取待顯示圖片的圖片信息，其中圖片信息包括：高度、寬度和通道數(shù)；使用整數(shù)除法根據(jù)圖片信息對待顯示圖片進行切片操作，獲取多個具有整數(shù)坐標值的子圖像和圖片背景；根據(jù)待顯示圖片的顯示位置尺寸的新畫布以及待顯示圖片的原畫布的尺寸比例，對多個子圖像進行等比例變換，獲取多個新尺寸的變換子圖像；根據(jù)圖片背景將多個變換子圖像進行組合，生成新尺寸待顯示圖片；將新尺寸待顯示圖片在顯示位置進行顯示。

技術(shù)研發(fā)人員：劉琨玥,王浩,薛富恩
受保護的技術(shù)使用者：北京安銳卓越信息技術(shù)股份有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2024/12/10