Steam长图展柜需通过steam.design裁剪、控制台修改宽高值、同步背景设置及空字符隐藏标题栏实现完整显示，GIF动图还需视频转码与压缩。
如果您希望在Steam个人主页中使用艺术展柜展示超长比例图片，但上传后被自动压缩或裁剪为标准尺寸，则问题通常源于Steam对艺术作品宽高比的默认限制。以下是实现长图上传并正确显示的具体操作步骤：
一、使用steam.design自动裁剪适配长图
该网站可将任意Steam库存背景图按长展柜所需比例（如630×824）自动切割，并生成主图与副图，避免手动裁剪失真。
1、登录Steam客户端，进入库存，找到已拥有的动态或静态背景图。
2、点击“查看完整大小”，右键复制当前图片URL地址。
3、打开浏览器访问 https://steam.design/，将复制的URL粘贴至输入框。
4、点击“Change BG”预览效果，确认无误后点击“Download BG”下载ZIP压缩包。
5、解压ZIP文件，提取其中命名为“middle.png”和“bottom.png”的两张图，二者即为长展柜所需主副图。
二、网页版Steam上传+控制台代码突破尺寸限制
Steam前端对艺术作品上传设置了默认宽高值校验，需通过JavaScript代码强制修改表单字段，绕过系统限制以适配长图比例。
1、打开网页版Steam社区，登录账号，进入艺术作品上传页。
2、点击“上传艺术作品”，选择“非游戏特定”，上传解压所得的“middle.png”文件。
3、填写标题（可留空或填空格），勾选“我保证此艺术品是我创作的”。
4、按 F12 打开开发者工具，切换至“Console”标签页。
5、粘贴并执行以下代码：
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;
6、回车后若控制台返回数值（如63000），表示修改成功，此时点击“保存并继续”。
7、重复步骤2–6，上传“bottom.png”作为第二张艺术作品。
三、展柜配置与背景同步设置
长图需配合对应尺寸的个人资料背景及展柜类型才能完整呈现，否则会出现错位、拉伸或截断现象。
1、进入个人资料页，点击“编辑个人资料背景”，上传与“middle.png”原始尺寸一致的背景图，并选择“原始大小”选项。
2、返回“编辑我的个人资料”，在“已展示的展柜”区域，点击“添加展柜”。
3、选择“精选艺术作品展柜”，将第一步上传的两张艺术作品分别拖入“主图”与“副图”位置。
4、点击“保存更改”，刷新个人主页即可看到长图完整铺满展柜区域。
四、替代方案：使用空字符命名隐藏标题栏
当长图顶部被标题栏遮挡时，可通过注入空字符使标题区域视觉上消失，扩大有效展示面积。
1、在上传艺术作品时，标题栏不填写文字，保持为空。
2、在控制台执行以下代码：
v_trim=_=>{return _},$J('#title').val(' \n'+Array.from(Array(126),_=>'\t').join(''));
3、回车后标题栏将被大量不可见制表符填充，前端渲染为空白，展柜顶部不留白边。
五、GIF长动图上传适配（含视频转GIF流程）
若需上传动态长图，必须先将视频转为GIF格式，并严格控制体积与分辨率，否则无法通过Steam上传校验。
1、从Steam库存获取动态背景视频链接，右键“另存为”保存为MP4文件。
2、访问 https://ezgif.com/video-to-gif，上传MP4文件。
3、设置输出尺寸为 宽度630，高度824，帧率保持24fps，点击“Convert to GIF”。
4、转换完成后进入“Optimize”页面，启用“Reduce colors”与“Lossy compression”，将文件压缩至 8MB以内。
5、下载优化后的GIF，按第二步方法上传，并在控制台执行相同宽高代码。
6、上传成功后，进入“截图展柜”，执行额外代码：
document.getElementsByName("file_type")[0].value = 5;
