第 18 个工具 — 免费,不用注册
一张图,所有胶囊尺寸。
把主视觉图拖进来,看看裁剪把它折腾成什么样。图片不会离开你的电脑:这里的一切都跑在你浏览器的canvas上。
链接带走的是构图和参考层,永远不带图片。打开的人放的是自己的图。
你的主视觉图
把图片拖到这里
或者选一个文件。PNG、JPG 或 WebP。不会上传任何东西。
还没有加载图片。下面的胶囊图按正确比例显示裁切框。
控制项
商店页面要的是填充。包含是给你看清自己丢掉了什么。
包含模式下用作图片背后的底色。
一次调整所有胶囊图。每张胶囊图下面还有自己的滑块。拖动任意一张预览可以平移,也可以用 Tab 键切到某一张,用方向键移动 —— 按 Home 回到居中。
哪一个商店页面
本体游戏的完整一套。试玩版和 DLC 各有自己的 appid 和自己的商店页面,所以像素尺寸一样——但要做的张数不一样,构图的规矩也不一样。
注意事项
- 角上的框是我们自己定的边距,不是 Valve 的尺寸。 Valve 挪过不止一次折扣标和“即将推出”横幅,而且在不同位置渲染出来的比例也不一样。我们在左下角只画 18% × 20%,小胶囊图上干脆不画:在 462 × 174 上,更大的框会为了 Steam 画在角上的一小面旗,圈掉三分之一的画面。把它当成“别把 logo 放这儿”,而不是像素级的模板。
- 安全区是惯例,不是规定。 没有任何东西会裁掉内侧 90%。它只是那道让你的 logo 不至于在一百张胶囊图的网格里贴着边的余量。
- 预览是缩小过的。 特别大的胶囊图(尤其是 3840 × 1240 的库大图)在屏幕上只按真实尺寸的一小部分绘制。你下载的 PNG 永远是满分辨率渲染的。
- 超过 4096 像素的图片在加载时会被缩小一次,这样浏览器才不会卡。最终素材请从原始文件导出,别从这个工具导。
- 试玩版和 DLC 的素材,是我们没能完全确认的那部分。 Steamworks 说试玩版的胶囊图和库素材必须让人看出这是试玩版,并且对任何拥有独立商店页面的应用都给出同样的像素尺寸。但它没有说,你什么都不传的时候试玩版或 DLC 会不会沿用本体的图,也没有说 Steam 会补上自己的“Demo”标记。所以这里的角标是你自己摆的字,不是 Valve 画的东西的预览。传上去,看真实页面。
- 这只是一次构图检查,代替不了传到 Steamworks 上看真实商店页面——而那件事,你应该在官宣之前就做。
促销列表,实际尺寸
462 × 174,真实像素这就是你的小胶囊图在促销行里、跟别人挨着时的样子。如果标题在这儿读不出来,那它在大多数人唯一会看见它的地方也读不出来。这一行可以左右滚动。
DLC 行
184 × 69,这一行被读到的尺寸Steam 会从你 462 × 174 的小胶囊图里生成一张 184 × 69 的缩略图。DLC 那一行差不多就是按这个尺寸看的,所以这里叠了四条。每个资料片都带着同一套本体标志,能把它们分开的就只剩名字。把你真实的名字填进去,看看还读不读得出来。
名字只留在这个浏览器里。分享链接只带走构图。