小白也可以轻松上手的Steam个人主页美化教程

话不多说，先看效果：

选择个人资料背景

  1. 进入Steam背景素材下载网站，挑选一张你喜欢的背景：
  1. 本教程以热门第一的动态个人资料背景为例：
image-20241202182533361
  1. 记下你选好的个人资料背景的名称：
image-20241202182749257
  1. 打开Steam主页，进入点数商店，搜索上一步中选定的个人资料背景名称，并用你的点数购买：
image-20241202182934865
  1. 回到网站，点击Crop this background：
image-20241202183126296
  1. 点击左上角下载压缩包（或者只需下载_Featured.mp4文件即可，将其他三个取消下载），注意这里只需点击一次即可，网站反应可能会很慢，等待进度条动即可：
image-20241202183357387
  1. 解压下载的压缩包，得到了按照位置和比例裁切好的动态背景mp4文件：
image-20241202183709211
  1. 打开mp4转gif在线网站工具，选择视频转gif：
image-20241202185908846

选择我们刚才下载的_Featured.mp4文件，点击Upload Video：

image-20241202190137461
  1. 调整gif清晰度和每秒帧数，点击Convert to gif，注意检查文件大小，需要保证gif小于5MB，若不满足则调低清晰度和每秒帧数：
image-20241202190605772 image-20241202190849591
  1. 右键保存下载生成的gif文件；

上传艺术作品

  1. 点击Steam作品上传链接并登录，注意要用浏览器操作，而不是Steam上传，方便后续调用控制台代码：
image-20241202185231370
  1. 点击选择文件，选择我们刚才下载的gif文件，点击F12进入开发者工具：
image-20241202191526531
  1. 点击Console/控制台，进入控制台：
image-20241202191638677
  1. 在控制台上粘贴以下代码，按下Enter：
1
2
$J('#image_width').val(1000).attr('id', '');
$J('#image_height').val(1).attr('id', '');
image-20241202191828041
  1. 点击保存上传，上传文件完毕后，注意这个步骤视网络环境不同速度不等，可以多等一会，原创性声明注意勾选保证原创*（我也不懂这一步不勾选会有什么后果，写这篇参考的教程建议勾选）；
  2. 打开Steam，编辑个人资料，选择精选艺术作品，选择刚才上传的艺术作品，保存并返回即可；若背景和动图不同步左上角刷新一下即可；
image-20241202194800603
  1. 升级玩法：扣一段你喜欢的角色的动画通过剪映/PR或者其他在线工具叠加到_Featured.mp4文件后再转化为gif图上传。

asuka