「灵犀+社区」巧施连环计，Jesse老师误上断头台——社区头像修改器应运而生

当你看到这篇帖子的时候，兴许会顺带发现我的头像变成了一张大脸。

别笑，因为下一个中招的人可能是你……

事情是这样的。

这段时间，我给自己搞了一个新的IP形象：

除了这一个基础动作，还有一大堆延伸的动作、表情包什么的……

总之就是花了不少的时间。

所以这两天呢，就想着把自己在互联网上各种社交平台的头像都换一换。

毕竟上一款头像还是我 2020 年在 PPT 里面用形状工具手绘出来的……

两相对比，就显得寒碜了许多：

今天到社区灌水，想着把社区头像也换一换……

然后我就发现，不管我上传多大尺寸的头像——大到 3000 多分辨率，小到 100 多分辨率，始终只能选择这张图的一部分作为头像，那个蓝色的选框只能移动，不能调节大小：

我当然也想到了怎么样处理这个问题，就是把这个界面里的头像截一张图插到 PPT 里面，然后把自己要换的头像放在中间那个小方块里，最后把两张图组合一下，保存成一张图上传：

但总感觉这样不是很精确……

恰好我的灵犀今天有 5000 多点要过期（发帖的这个时候已经过期了）

于是我就让它帮忙看看有没有办法解决：

出于对它的信任，我直接开启了允许访问文件网址权限，让它帮我改。

结果它根本没改好就给我上传了😅（还提交了）……

而社区对修改个人资料的限制是「7天允许修改一次」

所以我估计就只能这样顶个大脸顶一周了……

作为一名 KVP 以及社区创作者，发现了问题，要解决问题啊！

于是我打开了浏览器的「开发者工具」界面，确定了提交头像时两个框体的尺寸……

承载上传图片的大框，尺寸是 128px：

而头像图片占据的尺寸仅仅是 90px：

确定尺寸之后，我试了一下，让灵犀给我生成中间90px有图像，周围19px留空的「社区专属头像」，测试成功：

但是要打字来完成这个调整，实在是太麻烦了，也不方便把这个方法分享给区的其他小伙伴。

于是我就直接让灵犀做了个 HTML 工具来「将功补过」：

只需要上传你的常用头像图片，工具就会自动把图片调整为90px大小，同时加上19px的（透明/白色/自定义）留空，在右侧生成新的图片，单击下载 PNG 即可：

如果你上传的不是 1:1 的正方形图片，也可以通过右侧的滑块（在图上滚鼠标滚轮也可以）和预览窗口调节最终呈现的区域：

工具主页：https://github.com/jessechenlab/avatar-generator

工具运行地址：https://jessechenlab.github.io/avatar-generator

希望对想修改头像的小伙伴们有帮助，如果有用的话，别忘了给我的帖子点点赞哦！