steam个人资料背景更换需分三类操作:一、库存背景直接启用并保存;二、网页上传自定义图后执行console代码修正尺寸;三、用steam.design批量生成适配图再分别上传绑定。

想让Steam个人主页告别默认黑底、换上自己喜欢的游戏场景或原创设计图,就得走对绑定路径——库存有图却不见选项,上传成功却显示拉伸变形,问题往往出在背景未绑定、尺寸未适配或缓存未刷新。
用库存里已有的背景直接启用
这一步适合你已经通过游戏掉落、节日活动奖励或市场购买获得过背景物品,Steam会自动同步到你的背景库,但不会自动启用。
1、打开Steam客户端并登录账户 → 点击右上角用户名下拉箭头 → 选择“查看我的个人资料”。
2、进入个人资料页后,点击右侧“编辑个人资料”按钮。
3、向下滚动至“个人资料背景”区域,点击“选择背景”。
4、在弹出窗口中浏览所有已拥有背景,点击任一缩略图可实时预览效果。
5、确认无误后,滚动到底部点击“保存更改”——【必须点击保存,否则切换无效】。
上传本地图片作为自定义背景
网页版Steam是唯一支持上传自定义图的入口,客户端不提供该功能;上传后需手动修正尺寸参数,否则图片会被强制压缩成窄条或严重拉伸。
方法一:控制台代码修正法(推荐)
1、访问 https://steamcommunity.com/my/artwork 并登录 → 点击“上传非游戏相关艺术作品”。
2、填写名称,上传PNG或JPEG格式图片,建议原始尺寸不低于1920×1080像素,避免模糊。
3、上传成功后,按 Ctrl+Shift+I 打开开发者工具 → 切换到 Console 标签页。
4、粘贴执行以下代码:
var num= document.getElementsByName("image_width")[0].value; document.getElementsByName("image_height")[0].value = num-(num-1); document.getElementsByName("image_width")[0].value= num*100;
5、刷新当前页面 → 返回编辑个人资料页 → 在“选择背景”列表中即可看到刚上传的作品,点击启用并保存。
方法二:旧版Console快捷写法(兼容性更强)
在Console中直接输入并回车:
$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id','');
注意:此写法仅适用于旧版Steam界面,若页面无 $J 报错,则说明已切换新版,须改用方法一。
用steam.design批量生成适配图再上传
当你需要设置动态背景、长展柜图或多个尺寸统一管理时,手动调参容易出错,这个网站能自动裁剪+压缩+打包,省去反复试错时间。
第一步:授权登录
访问 https://steam.design → 点击右上角“Log in” → 使用Steam账号扫码授权。
第二步:导入背景源
在首页缩略图区点击任一已有背景进入裁剪页;若无合适图,先去Steam社区市场或库存中找到目标背景 → 点击查看原图 → 复制浏览器地址栏完整URL。
第三步:生成适配包
将复制的URL粘贴至页面中“在此处粘贴背景网址”输入框 → 点击“Change” → 等待自动生成三套尺寸包(含标准背景、迷你背景、展柜图)→ 下载ZIP压缩包。
第四步:分别上传绑定
解压后,将对应用途的图片(如 background.jpg)单独上传至Steam创意工坊“艺术作品” → 每张图都需执行一次Console尺寸修正 → 返回编辑页逐个绑定启用。











