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

一张图,所有胶囊尺寸。

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

你的主视觉图

把图片拖到这里

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

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

控制项

商店页面要的是填充。包含是给你看清自己丢掉了什么。
包含模式下用作图片背后的底色。
1.00×
一次调整所有胶囊图。每张胶囊图下面还有自己的滑块,任意预览也能直接拖着平移。
参考层

注意事项

  • 角标框只是个近似。 Valve 挪过不止一次折扣标和“即将推出”横幅,而且在不同位置渲染出来的比例也不一样。把这个参考层当成“别把 logo 放这儿”,而不是像素级的模板。
  • 安全区是惯例,不是规定。 没有任何东西会裁掉内侧 90%。它只是那道让你的 logo 不至于在一百张胶囊图的网格里贴着边的余量。
  • 预览是缩小过的。 特别大的胶囊图(尤其是 3840 × 1240 的库大图)在屏幕上只按真实尺寸的一小部分绘制。你下载的 PNG 永远是满分辨率渲染的。
  • 超过 4096 像素的图片在加载时会被缩小一次,这样浏览器才不会卡。最终素材请从原始文件导出,别从这个工具导。
  • 这只是一次构图检查,代替不了传到 Steamworks 上看真实商店页面——而那件事,你应该在官宣之前就做。

促销列表,实际尺寸

462 × 174,真实像素

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