微信小程序头像为什么是模糊的?小程序头像模糊怎么办?
「柒留言」更新的换国旗头像小功能,获取头像显示模糊...
1、头像模糊
国庆之前,更新了「柒留言」小程序加国旗头像的小功能,但是头像模糊这个坑我在发布新版之前还没解决。
一直以为是代码出了问题,各种搜索,巧的是正好也有类似的答案,然后我就被带进锅里了,弄了半天还是模糊,无奈之下弄了个用户自行上传图片生成头像,这样生成的头像就能清晰显示,先发布新版。
发布新版后仔细研究了一下头像,发现显示在浏览器上是小图,一度以为是自己上传了略缩图,于是乎重新上传高清图像,然并 L。
最后在头像地址上找到了问题。
2、默认模糊?
这是我的头像地址,滑动到最右,你发现了啥?
http://wx.qlogo.cn/mmopen/eTBFF2uBxbBTAW8ZrbmMJGuOq7nGZfGicWORE2vcZfsMwXscofgeEwevlSl8L5SFFct2ZKibzxjqNjw94r2wI2xiaibY3TKxVRPC/132
/ 后面带了个 132,猜想一下这个是头像尺寸,于是乎搜一下微信文档,果然。
是在下输了,怪我没有仔细看文档,谁知道一个头像获取还要分尺寸的,这里把 132 改成 0 就是高清头像了,改的逻辑就不用多说了吧,我相信你们会的。
其实,132 的头像用在小程序中已经很清楚了,只不过我绘制头像时用的尺寸是 256px,差不多是把头像放大了一倍,所以显示是模糊的。
这个锅,我先背为敬。
3、肝项目
最近公司在肝项目上线,尽量压缩中午的午休时间更新一下遇到的坑。大概率不是那么的硬核,但希望能帮大家少踩坑。
干货都是相对的,觉得对你有帮助点个在看吧,大佬路过就行。
Demo 已更新,线上版本未更新,加了点好玩的: