Herramienta 18 — Gratis, sin registro

Una imagen, todas las cápsulas.

Suelta tu arte principal y mira lo que le hace el recorte. La imagen nunca sale de tu máquina: aquí todo funciona en un canvas de tu navegador.

Tu arte principal

Suelta una imagen aquí

o elige un archivo. PNG, JPG o WebP. No se sube nada.

No hay imagen cargada. Las cápsulas de abajo muestran los recortes con las proporciones correctas.

Controles

Una ficha de tienda necesita Cubrir. Contener sirve para ver lo que estás perdiendo.
Se usa detrás de la imagen en modo Contener.
1.00×
Ajusta todas las cápsulas a la vez. Cada cápsula mantiene su propio deslizador debajo. Arrastra una vista previa para encuadrarla, o ve a una con el tabulador y muévela con las flechas — Home la recentra.
Guías

Qué página de tienda

El juego base y todos sus formatos. Una demo y un DLC tienen cada uno su propio appid y su propia ficha, así que usan los mismos tamaños en píxeles, pero no la misma lista, y las reglas de composición tampoco son las mismas.

Advertencias

  • La caja de la esquina es nuestro margen, no una medida de Valve. Valve ha movido el banderín de descuento y el de «Próximamente» más de una vez, y se dibuja con proporciones distintas en sitios distintos. Nosotros dibujamos un 18 % × 20 % en la esquina inferior izquierda y dejamos la cápsula pequeña en paz: a 462 × 174 una caja mayor acordona un tercio del arte por algo que Steam dibuja como un banderín de esquina. Trátalo como un «aquí no pongas el logo», no como una plantilla exacta al píxel.
  • El área segura es una convención, no una regla. Nada recorta el 90 % interior. Es el margen que evita que tu logo toque el borde en una rejilla con otras cien cápsulas.
  • Las vistas previas están reducidas. Las cápsulas muy grandes (sobre todo el banner de biblioteca de 3840 × 1240) se dibujan en pantalla a una fracción del tamaño real. El PNG que descargas siempre se genera a resolución completa.
  • Las imágenes de más de 4096 px se reducen una vez al cargarlas para que el navegador siga respondiendo. Exporta tus recursos definitivos desde el archivo original, no desde esta herramienta.
  • Los recursos de demo y de DLC son la parte que no hemos podido verificar del todo. Steamworks dice que las cápsulas y los recursos de biblioteca de una demo deben dejar claro que la app es una demo, y da los mismos tamaños en píxeles para cualquier app con ficha propia. No dice si una demo o un DLC hereda el arte del juego base cuando no subes nada, y no dice que Steam añada su propio banderín de «Demo». Así que el distintivo de aquí es rotulación que pones tú, no una vista previa de algo que dibuje Valve. Súbelo y mira la ficha de verdad.
  • Esto es una comprobación de encuadre. No sustituye a subirlo a Steamworks y mirar la ficha de verdad, que es lo que deberías hacer antes de anunciar nada.

Rejilla de rebajas, a tamaño real

462 × 174, píxeles reales

Así queda tu cápsula pequeña en una fila de rebajas junto a todas las demás. Si aquí no se lee el título, no se lee en el único sitio donde la mayoría lo verá. Desplaza la fila hacia los lados.