B站设置动态头像

发布于 2020-04-11  414 次阅读


2020.04.17 好像个人主页也不会裂开了,推荐使用 webp !


主要通过特殊方式上传apng或webp格式动图做头像。但是注意两种方法各有优劣。
我只成功了webp,不过个人主页头像会裂开~介意请勿尝试。

1. webp(评论等都会变动态但是个人主页头像会裂开)

  • 一张 180 × 180 大小 gif,听说必须尺寸。附在线GIF裁剪网站
  • 通过 https://www.upyun.com/webp 把 gif 转换成 webp
  • 任意网页点击添加书签,编辑书签,在网址里面复制以下代码:
    javascript:void (()=>{var a=document.createElement("input");a.type="file";a.onchange=function(){if(a.files.length>0){var b=new FormData();b.append("dopost","save");b.append("Displayrank","10000");b.append("face",a.files[0]);var c=new XMLHttpRequest();c.withCredentials=!!1;c.open("POST","https://api.bilibili.com/x/member/web/face/update?csrf="+document.cookie.match(/bili_jct=(.+?);/)[1]);c.onload=function(){var d=c.response;try{d=JSON.parse(d);switch(d.code){case 0:alert("更新成功,刷新页面即可");break;case 40012:alert("头像格式错误");break;case 40013:alert("头像大小不能超过2M");break;default:alert("未知返回"+c.response);console.error(c.response, c);break}}catch(e){console.error(e, c, d);alert("解析返回数据时出现错误,具体看console")}};c.onerror=function(e){console.error(e,c);alert("请求出现错误,具体看console");};c.send(b)}else{alert("请选择一个文件")}};a.click();})()
  • 打开B站头像设置页面:B站设置头像页面
  • 点一下前面存好的书签,会跳出选择图片的提示,选择前面转换好的webp图片就OK了

2. apng(个人没成功,传说改完后移动端无效不会动)

  • 一张 180 × 180 大小 gif,听说必须尺寸。附在线GIF裁剪网站
  • 通过 https://ezgif.com/gif-to-apng 把 gif 转换成 apng
  • Microsoft Store 商店(开始菜单搜索 store)里面搜索 哔哩哔哩动画 UWP(非官方UWP版B站客户端)下载(商店很慢多试几次)
  • 先登录(失败多试几次,多等一下),然后设置头像,选择处理好的 apng
  • 据说会提示失败,但是实际已经改成功了(反正我没成功)

个人用的webp(其实是apng没成功),有好用的其他方法希望可以留言告知~~

参考链接:
https://www.caixiaojing.com/Tech-Otakus/dynamicAvatar.html

https://www.bilibili.com/video/BV1r54y1R7rZ
https://www.bilibili.com/video/BV1Mc411h7gN


一个专业工具人动画师技术美术...