Tool 18 — Gratis, keine Anmeldung

Ein Bild, jede Capsule.

Zieh deine Key Art rein und sieh zu, was der Zuschnitt mit ihr macht. Das Bild verlässt deinen Rechner nie: Alles hier läuft auf einem Canvas in deinem Browser.

Deine Key Art

Bild hier hineinziehen

oder eine Datei auswählen. PNG, JPG oder WebP. Nichts wird hochgeladen.

Kein Bild geladen. Die Capsules unten zeigen die Zuschnitte in den richtigen Seitenverhältnissen.

Regler

Eine Store-Seite braucht Füllen. Einpassen ist dafür da, zu sehen, was du verlierst.
Wird im Einpass-Modus hinter dem Bild verwendet.
1.00×
Stellt alle Capsules auf einmal. Jede Capsule hat unten ihren eigenen Regler. Zieh an einer Vorschau, um sie zu verschieben, oder spring mit Tab auf eine und verschieb sie mit den Pfeiltasten — Home zentriert wieder.
Overlays

Welche Store-Seite

Der volle Satz für ein Hauptspiel. Eine Demo und ein DLC haben jeweils ihre eigene AppID und ihre eigene Store-Seite, also dieselben Pixelmaße — aber nicht dieselbe Liste und nicht dieselben Kompositionsregeln.

Einschränkungen

  • Die Eckbox ist unser Rand, kein Maß von Valve. Valve hat das Rabatt-Fähnchen und das „Demnächst“-Banner mehr als einmal verschoben, und es wird auf verschiedenen Oberflächen unterschiedlich groß gerendert. Wir zeichnen 18 % × 20 % in die linke untere Ecke und lassen die Small Capsule ganz aus: Bei 462 × 174 sperrt eine größere Box ein Drittel der Fläche ab, für etwas, das Steam als kleines Eckfähnchen zeichnet. Nimm es als „hier kein Logo hin“, nicht als pixelgenaue Vorlage.
  • Die Safe Area ist eine Konvention, keine Regel. Nichts schneidet die inneren 90 % ab. Das ist der Rand, der dein Logo davon abhält, in einem Raster aus hundert anderen Capsules an der Kante zu kleben.
  • Die Vorschauen sind verkleinert. Sehr große Capsules (vor allem der 3840 × 1240 Library Hero) werden auf dem Bildschirm mit einem Bruchteil der echten Größe gezeichnet. Das PNG, das du lädst, wird immer in voller Auflösung gerendert.
  • Bilder über 4096 px werden beim Laden einmal verkleinert, damit der Browser reaktionsfähig bleibt. Exportiere deine finalen Assets aus der Originaldatei, nicht aus diesem Tool.
  • Demo- und DLC-Assets sind der Teil, den wir nicht ganz bestätigen konnten. Steamworks sagt, die Capsules und Library-Assets einer Demo müssen zeigen, dass die App eine Demo ist, und nennt für jede App mit eigener Store-Seite dieselben Pixelmaße. Es sagt nicht, ob eine Demo oder ein DLC auf die Art des Hauptspiels zurückfällt, wenn du nichts hochlädst, und es sagt nicht, dass Steam ein eigenes „Demo“-Fähnchen ergänzt. Das Badge hier ist also Schrift, die du selbst setzt, keine Vorschau auf etwas von Valve. Lad hoch und sieh dir die echte Seite an.
  • Das hier ist eine Ausschnittsprüfung. Sie ersetzt nicht, hochzuladen und sich die echte Store-Seite in Steamworks anzusehen — und das solltest du tun, bevor du irgendetwas ankündigst.

Sale-Raster, echte Größe

462 × 174, echte Pixel

So sitzt deine Small Capsule in einer Sale-Reihe neben allen anderen. Wenn der Titel hier unlesbar ist, ist er an dem einzigen Ort unlesbar, an dem die meisten Leute ihn je sehen. Scroll die Reihe seitwärts.