第 18 个工具 — 免费,不用注册

一张图,所有胶囊尺寸。

把主视觉图拖进来,看看裁剪把它折腾成什么样。图片不会离开你的电脑:这里的一切都跑在你浏览器的canvas上。

你的主视觉图

把图片拖到这里

或者选一个文件。PNG、JPG 或 WebP。不会上传任何东西。

还没有加载图片。下面的胶囊图按正确比例显示裁切框。

控制项

商店页面要的是填充。包含是给你看清自己丢掉了什么。
包含模式下用作图片背后的底色。
1.00×
一次调整所有胶囊图。每张胶囊图下面还有自己的滑块。拖动任意一张预览可以平移,也可以用 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,真实像素

这就是你的小胶囊图在促销行里、跟别人挨着时的样子。如果标题在这儿读不出来,那它在大多数人唯一会看见它的地方也读不出来。这一行可以左右滚动。