想讓頭像和頭像框組合起來(lái)但是頭像和頭像框總是錯(cuò)位?本文來(lái)教你怎么調(diào)整頭像來(lái)匹配頭像框.

首先獲得頭像框的素材,可以簡(jiǎn)單地使用F12提取,比如從評(píng)論區(qū)這里可以提取240x240的webp圖片

導(dǎo)入支持圖層的圖像處理軟件(比如ps)中,頭像框這個(gè)圖層就不要?jiǎng)恿?在這個(gè)圖層下面新建圖層,在新建的圖層中調(diào)整你的頭像,直到你認(rèn)為它和頭像框完美地適配了.

之后隱藏頭像框圖層,進(jìn)行導(dǎo)出,導(dǎo)出后的圖像也應(yīng)該為240*240像素.

[b站的規(guī)則是:頭像框素材為240x240,頭像上傳后壓縮為160*160.在顯示時(shí)將頭像框再壓縮為72*72,頭像壓縮為41*41,之后將頭像框的中心和頭像的中心重疊進(jìn)行顯示]

240*41/72=136? ?? (240-136)/2=52

所以我們要裁剪出導(dǎo)出圖像中心的136*136像素,裁減部分至圖片邊緣52個(gè)像素.

例如我們可以使用以下網(wǎng)站:https://www.iloveimg.com/zh-cn/crop-image 的裁剪圖片功能,選擇剛才導(dǎo)出的圖片,設(shè)置參數(shù)如下.

下載裁剪后的圖片,上傳至b站頭像,換上頭像框,發(fā)現(xiàn)效果和之前在圖像處理軟件中顯示全部圖層看到的效果是一致的,大功告成!