如何让头像和头像框完美匹配

想让头像和头像框组合起来但是头像和头像框总是错位?本文来教你怎么调整头像来匹配头像框.

首先获得头像框的素材,可以简单地使用F12提取,比如从评论区这里可以提取240x240的webp图片

导入支持图层的图像处理软件(比如ps)中,头像框这个图层就不要动了,在这个图层下面新建图层,在新建的图层中调整你的头像,直到你认为它和头像框完美地适配了.

之后隐藏头像框图层,进行导出,导出后的图像也应该为240*240像素.

[b站的规则是:头像框素材为240x240,头像上传后压缩为160*160.在显示时将头像框再压缩为72*72,头像压缩为41*41,之后将头像框的中心和头像的中心重叠进行显示]

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

所以我们要裁剪出导出图像中心的136*136像素,裁减部分至图片边缘52个像素.

例如我们可以使用以下网站:https://www.iloveimg.com/zh-cn/crop-image 的裁剪图片功能,选择刚才导出的图片,设置参数如下.

下载裁剪后的图片,上传至b站头像,换上头像框,发现效果和之前在图像处理软件中显示全部图层看到的效果是一致的,大功告成!