# Gráficos de lanzamiento de app: anúnciala en todas partes

[Canonical HTML page](https://gradiently.design/es/guide/mobile-app-launch-graphics)

El día del lanzamiento es el único día en que tu app se ve en todas partes a la vez, ante gente que decide en un segundo si tocar. Aquí tienes el kit completo de gráficos, los tamaños y el orden para hacerlos.

## The short version

- Los gráficos de lanzamiento de una app funcionan mejor como un kit creado desde un único diseño: publicaciones, imagen Open Graph, cabeceras de perfil e imágenes de galería.
- La imagen Open Graph que aparece al compartir tu enlace mide 1200×630 píxeles, y la cabecera de X, 1500×500.
- Las publicaciones de lanzamiento deben nombrar la app, decir qué hace en una frase e indicar dónde conseguirla.
- Actualiza la vista previa del enlace, las cabeceras y la imagen principal de tu web antes de publicar nada, para que cada enlace compartido el día del lanzamiento ya se vea bien.
- Un fondo constante en todos los gráficos de lanzamiento ayuda a reconocer la misma app cuando aparece en distintos feeds.

Unos buenos **gráficos de lanzamiento de app** son un diseño en muchos formatos: una publicación de anuncio para cada red, una vista previa de 1200×630 que aparece cada vez que alguien comparte tu URL, cabeceras de perfil renovadas y un breve conjunto de imágenes de galería para sitios de lanzamiento como Product Hunt. Hazlos juntos, desde un estilo y una frase, y el día del lanzamiento se leerá como un solo acontecimiento y no como una avalancha de capturas que no combinan.

## Empieza con una frase y un estilo

Antes de cualquier gráfico, escribe la frase que dice qué hace la app y para quién, en menos de diez palabras. «Divide el alquiler con tus compañeros sin conversaciones incómodas» funciona. «El futuro de las finanzas compartidas» no, porque nadie puede imaginarlo. Esa frase va en cada gráfico, sin cambios, para que el mensaje se repita mientras cambia el formato. [Escribir textos para imágenes](https://gradiently.design/es/guide/writing-copy-for-visuals) tiene más sobre cómo recortar una frase.

Después fija el estilo: los colores del icono de la app se convierten en fondo y la tipografía de la app en titular. Un fondo distintivo importa más de lo que parece, porque las mismas capturas de interfaces blancas aparecen cada día de lanzamiento. [Los gráficos del día del lanzamiento](https://gradiently.design/es/guide/launch-day-graphics) lo trata para cualquier tipo de producto.

- De la noche a la señal: `linear-gradient(145deg, #0b1026 0%, #2b2f8f 50%, #6ee7f9 100%)`
- Ascua: `radial-gradient(circle at 70% 30%, #ffd9a8 0%, #ff7a59 40%, #4a1532 100%)`
- Menta profunda: `linear-gradient(200deg, #e8fff4 0%, #7be0b3 45%, #0f5b4a 100%)`

Tres fondos de lanzamiento creados con colores típicos de iconos de apps. Elige el más cercano a tu icono y mantenlo en todo el kit.

## El kit de gráficos de lanzamiento de app, con tamaños

| Gráfico | Tamaño | Qué lleva |
| --- | --- | --- |
| Vista previa de enlace Open Graph | 1200×630 px | Nombre de la app, la frase, el icono |
| Cabecera de X | 1500×500 px | La frase y «Ya disponible» |
| Publicación de lanzamiento en X o Bluesky | 1600×900 px | Pantalla principal o la frase |
| Publicación de LinkedIn | 1200×1200 px | La frase, nota del creador |
| Publicación de Instagram | 1080×1350 px | Icono, nombre, la frase |
| Story | 1080×1920 px | «Ya disponible» y dónde conseguirla |
| Imagen principal web | 1920×1080 px | La frase y botones de las tiendas |
| Cabecera de email | 1200×600 px | El nombre y «Ya disponible» |

El kit básico. Las capturas de App Store y Google Play tienen sus propios tamaños obligatorios, indicados en la ayuda para desarrolladores de Apple y Google. Product Hunt muestra en el formulario de envío los requisitos actuales de miniatura y galería; diséñalos en horizontal desde el mismo maestro.

- Vista previa de enlace: 1200 × 630
- Cabecera de X: 1500 × 500
- Publicación X 16:9: 1600 × 900
- Instagram 4:5: 1080 × 1350
- Story 9:16: 1080 × 1920

De una cabecera larga y fina a una story alta, a escala. Las palabras hay que organizarlas de forma distinta en cada una, por eso estirar una imagen nunca funciona.

## Por qué la imagen de vista previa del enlace es la más importante

El día del lanzamiento tu URL se pega en chats, publicaciones, foros y boletines que nunca verás. Cada uno muestra tu **imagen Open Graph**, así que es en silencio el gráfico de lanzamiento más visto. Hazla de 1200×630, pon el nombre de la app y la frase en el centro, deja el texto lejos de los bordes porque algunas apps recortan a cuadrado y compruébala con un depurador de compartición antes del lanzamiento. [El tamaño de la imagen Open Graph](https://gradiently.design/es/guide/open-graph-image-size) trata los recortes; [las etiquetas Open Graph](https://gradiently.design/es/guide/open-graph-tags) trata el código.

```html
<meta property="og:title" content="Rentwise: split rent without the awkward chat" />
<meta property="og:description" content="Now on iPhone and Android." />
<meta property="og:image" content="https://rentwise.app/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
```

Las etiquetas que controlan la vista previa de un enlace. Usa una URL https absoluta para la imagen y cambia el nombre del archivo al actualizarla para que las plataformas descarguen la nueva.

## Cómo diseñar una publicación de lanzamiento de app

Una publicación de lanzamiento compite con todo lo demás en el feed, así que debe leerse de un vistazo. Abre con la frase, no con el logotipo. Muestra una pantalla, no cinco. Di dónde conseguir la app. En X y Bluesky funciona bien un hilo: primero el gráfico, después un vídeo corto y luego la historia del creador.

Una publicación horizontal de lanzamiento de una app para dividir el alquiler, con la descripción en una línea en letra grande

La publicación de X y Bluesky a 1600×900: la frase sostiene la publicación.

Una story vertical que dice Ya disponible para la app Rentwise sobre el degradado a juego

La story: dos palabras y adónde ir, sobre el mismo fondo.

### Evita

- Una cuadrícula de seis capturas de móvil
- «Revolucionar» cualquier cosa
- Una gama de colores nueva solo para el lanzamiento
- Texto en los bordes de la imagen de vista previa

### Haz

- Una pantalla que muestre el momento principal
- La frase sencilla de lo que hace
- Los colores del propio icono, en todas partes
- Palabras centradas, con márgenes generosos

Las grabaciones de pantalla cortas van muy bien para las apps, porque muestran el momento principal en movimiento: el toque, el resultado. Mantenlas por debajo de veinte segundos, pon la frase en el primer fotograma y añade subtítulos, ya que mucha gente se desplaza sin sonido. [El vídeo de demostración de producto](https://gradiently.design/es/guide/product-demo-video) trata el ritmo y el encuadre.

## El orden para hacer los gráficos de lanzamiento de una app

1. **Una semana antes: el diseño maestro** Frase, icono, fondo y tipografía en un solo marco horizontal. Todo lo demás sale de él.
2. **Una semana antes: una publicación de próximamente** Adelanta la fecha y un enlace a la lista de espera. [La publicación de próximamente](https://gradiently.design/es/guide/coming-soon-post) tiene composiciones.
3. **Dos días antes: vistas previas y cabeceras** Publica pronto la imagen Open Graph, la cabecera de X y la imagen principal de la web para que los enlaces compartidos ese día se vean bien.
4. **El día antes: todas las publicaciones de lanzamiento** Exporta todos los tamaños y escribe de antemano los textos para cada red.
5. **Día del lanzamiento: publica, responde, repite** Dedica el día a responder a la gente, no a hacer gráficos.
6. **Una semana después: un agradecimiento** Una publicación de hito o de agradecimiento con el mismo estilo cierra el lanzamiento.

Gradiently encaja muy bien en este flujo. Diseña el maestro una vez sobre un Mark y, con Pro, adáptalo a todos los formatos del kit de una vez; el Mark mantiene legible la frase en cada formato moviendo su zona más tranquila detrás de las palabras. Si ya trabajas el lanzamiento en ChatGPT o Claude, Gradiently puede conectarse a ambos, para que el asistente redacte el kit como diseños que se abren en el Studio. [Los gráficos de lanzamiento para indie hackers](https://gradiently.design/es/guide/indie-hacker-launch-graphics) trata el mismo kit para productos web.

## FAQ

### ¿Qué gráficos necesito para lanzar una app?

Una vista previa de enlace de 1200×630, una cabecera de X actualizada de 1500×500, publicaciones de lanzamiento para cada red que uses, una story, una imagen principal web e imágenes de galería para cualquier sitio de lanzamiento. Hazlos todos desde un diseño maestro.

### ¿Qué tamaño tiene una imagen de galería de Product Hunt?

Product Hunt indica en el formulario de envío los requisitos actuales de miniatura y galería. Diséñalas en horizontal desde el mismo maestro que el resto de gráficos de lanzamiento para mantener la coherencia.

### ¿Qué debe decir una publicación de lanzamiento de app?

El nombre de la app, una frase sobre qué hace y para quién, y dónde conseguirla. Deja todo lo demás para el texto o un hilo.

### ¿Cuándo debo actualizar la imagen de vista previa del enlace?

Uno o dos días antes del lanzamiento, con un nombre de archivo nuevo, y pruébala después en un depurador de compartición. Las plataformas guardan en caché las vistas previas, así que un cambio tardío puede no verse el día del lanzamiento.