B站设置动态头像

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

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