Mis mejores utilidades, ahora en tu móvil.
Accede a todas mis herramientas y proyectos de forma rápida, optimizada y en un solo lugar.
# Especificaciones de Assets Gráficos y Reglas de Steam
Las páginas de la tienda de Steam y las vistas de biblioteca del jugador dependen de cápsulas gráficas estandarizadas para mostrar tu videojuego en una amplia variedad de pantallas. Los elementos visuales deben mantener claridad, legibilidad y coherencia de marca a través de proporciones que van desde banners horizontales panorámicos hasta tarjetas verticales de cuadrícula. Al preparar assets para Steamworks, los desarrolladores deben cumplir estrictas dimensiones en píxeles y márgenes de seguridad para evitar que elementos como insignias de descuento o precios tapen el título. 920 x 430 px Resolución Header HD
2:3 Vertical Proporción Cápsula Vertical
3840 x 1240 px Resolución Máxima Hero
184 x 184 px Icono de Comunidad
# Comparativa de Formatos de Cápsula en la Tienda
Diferentes secciones del cliente de Steam destacan dimensiones gráficas distintas. La Cápsula Principal sirve como ancla visual en los carruseles destacados, mientras que las Cápsulas Pequeñas aparecen en las listas de búsqueda rápida. Comprender el funcionamiento de cada asset asegura mejores tasas de conversión y tracción de jugadores.Cápsulas de Tienda (Header y Main)
Proporción apaisada centrada en el título del juego y el arte clave principal.
- Proporción apaisada centrada en el título del juego y el arte clave principal
- Esquina inferior derecha reservada para etiquetas de precio e insignias de descuento
- Amplia cobertura horizontal ideal para pantallas de carrusel panorámicas
- Requiere legibilidad inmediata del logotipo en resoluciones escaladas de escritorio
Assets de Biblioteca (Hero y Cápsula Vertical)
La cápsula vertical actúa como la portada física en la cuadrícula del usuario.
- La cápsula vertical actúa como la portada física en la cuadrícula del usuario
- El Library Hero muestra un fondo panorámico ancho sin texto integrado
- El logo de biblioteca flota de forma independiente como PNG transparente
- Márgenes superior e inferior albergan botones de reproducción y logros
# Matriz Técnica de Dimensiones para Steamworks
A continuación se presenta la matriz técnica completa con los parámetros de resolución estándar y de alta densidad (HD) requeridos para publicar un título en Steam.| Tipo de Asset | Tamaño Estándar (px) | Tamaño HD Objetivo (px) | Proporción | Formato |
|---|---|---|---|---|
| Header Capsule | 460 x 215 | 920 x 430 | 2.14:1 | JPG / PNG |
| Small Capsule | 231 x 87 | 462 x 174 | 2.65:1 | JPG / PNG |
| Main Capsule | 616 x 353 | 1232 x 706 | 1.74:1 | JPG / PNG |
| Vertical Library Capsule | 300 x 450 | 600 x 900 | 2:3 | JPG / PNG |
| Library Hero | 1920 x 620 | 3840 x 1240 | 3.1:1 | JPG / PNG |
| Library Logo | 1280 x 720 | 1280 x 720 | 16:9 | PNG Transparente |
| Community Icon | 32 x 32 | 184 x 184 | 1:1 | PNG |
# Mejores Prácticas para el Manejo de Áreas Seguras
Estrategia de Optimización de Zonas Seguras
Mantén todos los logotipos críticos y elementos principales dentro de los dos tercios superiores izquierdos del lienzo. Evita colocar texto secundario cerca de la esquina inferior derecha.# Ventajas del Recorte Inteligente Basado en Punto Focal
Evaluación del Flujo de Trabajo
Ventajas
- Generación instantánea de los 6 tamaños clave para Steamworks
- Vista previa interactiva en vivo de la tienda y la biblioteca de Steam
- Elimina la distorsión manteniendo las proporciones exactas
Desventajas
- Composiciones complejas pueden beneficiarse de capas separadas para el fondo y el logo
- Banners muy anchos como Library Hero pueden requerir extensión horizontal del arte
- Revisión manual recomendada antes de la subida oficial a Steamworks
# Glosario de Términos Gráficos de Steam
- Capsule
- Término estándar utilizado por Valve para describir los contenedores de portadas promocionales en la tienda y biblioteca de Steam.
- Library Hero
- Imagen de cabecera panorámica que se muestra en la parte superior de la página de detalles del juego dentro de la biblioteca.
- Safe Zone
- Límites designados dentro del diseño que permanecen libres de superposiciones de la interfaz nativa del cliente de Steam.
- Especificación HD
- Objetivo de resolución al doble exigido por Steamworks para garantizar una visualización nítida en pantallas 4K y Retina.