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, und jede Vorschau lässt sich zum Verschieben ziehen.
Overlays

Einschränkungen

  • Die Ribbon-Box ist eine Näherung. 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. Nimm das Overlay 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.
  • 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.