# Gráficos para lanzar un producto: la lista del día del lanzamiento [Canonical HTML page](https://gradiently.design/es/guide/launch-day-graphics) Los lanzamientos fallan en los detalles: una cabecera vieja, una vista previa de enlace que no aparece, una historia que nadie adaptó. Aquí tienes cada pieza, su tamaño y cuándo se publica. ## The short version - El lanzamiento de un producto necesita gráficos en dos grupos: la previa, como adelantos y cuentas atrás, y el lanzamiento en sí, de las publicaciones de anuncio a las cabeceras, las vistas previas de enlace y el email. - Diseñar primero una imagen principal y recomponerla para cada formato mantiene coherente el lanzamiento y ahorra la mayor parte del trabajo. - La imagen Open Graph de la página de lanzamiento debe estar terminada antes del lanzamiento, porque es lo que aparece cada vez que alguien comparte el enlace. - Las cabeceras de perfil de X, LinkedIn y Facebook se olvidan con facilidad y deben cambiar el día del lanzamiento junto con todo lo demás. - Todos los gráficos del lanzamiento deben llevar el mismo titular, para que quien los vea en sitios distintos reconozca la misma noticia. Los **gráficos para el lanzamiento de un producto** se dividen en dos grupos. La previa: un adelanto y una cuenta atrás. El lanzamiento: el anuncio en cada formato de feed, historias, una imagen de vista previa de enlace, nuevas cabeceras de perfil, una cabecera de email, la portada de la web y un agradecimiento después. Diseña primero una imagen principal y luego recomponla para cada tamaño, de modo que cada pieza parezca parte del mismo momento. ## La lista completa de gráficos del lanzamiento Copia esta lista en tu plan de lanzamiento. Los tamaños salen del tamaño de subida recomendado por cada plataforma; la referencia completa está en [tamaños de imagen para redes sociales](https://gradiently.design/es/guide/social-media-image-sizes). | Pieza | Tamaño | Cuándo | Notas | | --- | --- | --- | --- | | Publicación de adelanto | 1080×1350 | Una semana antes, más o menos | Una pista, no la presentación | | Historia de cuenta atrás | 1080×1920 | A diario, los últimos días | Misma composición, cambia el número | | Anuncio en Instagram | 1080×1350 | Día del lanzamiento | La imagen principal | | Historias del lanzamiento | 1080×1920 | Día del lanzamiento | Con un sticker de enlace | | Anuncio en X | 1600×900 | Día del lanzamiento | Se ve entera en la cronología | | Publicación de LinkedIn | 1200×1200 | Día del lanzamiento | O un carrusel de documento | | Publicación de Facebook | 1200×1200 | Día del lanzamiento | Las mismas palabras que en todas partes | | Vista previa de enlace (Open Graph) | 1200×630 | Lista antes del lanzamiento | Pruébala antes del día | | Cabecera de X | 1500×500 | Día del lanzamiento | La foto de perfil tapa la parte inferior izquierda | | Banner de LinkedIn | 1584×396 | Día del lanzamiento | La portada de empresa es de 2256×382 | | Portada de Facebook | 1640×624 | Día del lanzamiento | Palabras en el centro | | Cabecera de email | 1200×600 | Día del lanzamiento | Comprueba el modo oscuro | | Portada de la web | 1920×1080 | Día del lanzamiento | Titular sobre una zona tranquila | | Miniatura de vídeo | 1280×720 | Si hay una demo | Tres o cuatro palabras | | Agradecimiento o resumen | 1080×1350 | Unos días después | Solo cifras reales | Cada pieza del lanzamiento, su tamaño y cuándo se publica. Tacha lo que no necesites; la mayoría de los lanzamientos necesitan casi todo. - Publicación 1080×1350: 1080 × 1350 - Historia 1080×1920: 1080 × 1920 - Publicación de X 1600×900: 1600 × 900 - Vista previa de enlace 1200×630: 1200 × 630 - Cabecera de X 1500×500: 1500 × 500 - Banner de LinkedIn 1584×396: 1584 × 396 - Cabecera de email 1200×600: 1200 × 600 - Portada de la web 1920×1080: 1920 × 1080 Ocho formatos de la lista, a escala. Un solo lanzamiento, de historias altas a banners estrechos: por eso una imagen recortada de ocho maneras nunca funciona. ## Empieza con una imagen principal y luego crea el conjunto No diseñes quince piezas. Diseña una, el anuncio de Instagram o la portada de la web, hasta que esté bien: el fondo, el titular, la tipografía, el único color de acento. Ese es el estilo del lanzamiento. Todas las demás piezas son ese mismo estilo ordenado para otra forma. Los formatos altos apilan; los anchos se extienden; los banners estrechos solo conservan el titular. - Noche de estreno: #0b0d1a - Índigo profundo: #1f2a5c - Azul señal: #4f6bed - Brillo suave: #9bb4ff - Oro de acento: #ffcf5c - Tinta papel: #f5f3ee Una paleta de lanzamiento: un fondo oscuro, tres azules relacionados, un acento dorado reservado para la fecha o la llamada a la acción y un blanco roto para el texto. Deja el estilo por escrito: colores, fuentes, el titular, dónde va el acento. Si varias personas crean piezas, esta nota es lo que mantiene la cabecera que alguien hace a medianoche en línea con la publicación que tú hiciste hace una semana. ## El calendario del lanzamiento 1. **Dos semanas antes: la imagen principal** Diseña el anuncio principal y acordad el titular. Haz ya la imagen de vista previa de enlace, para que la página de lanzamiento la muestre desde la primera vez que se comparta. [El tamaño de la imagen OG](https://gradiently.design/es/guide/open-graph-image-size) tiene las etiquetas y las pruebas. 2. **Una semana antes: el adelanto** Una publicación y una historia que insinúan lo que viene con el estilo del lanzamiento, sin desvelarlo. 3. **Los últimos días: la cuenta atrás** Una historia diaria con el número cambiando y un sticker de cuenta atrás para que la gente pueda pedir un recordatorio. 4. **El día antes: crea el conjunto completo** Recompón la imagen principal para cada formato de la lista. Programa lo que se pueda programar. 5. **La mañana del lanzamiento: publícalo todo** Publica las publicaciones y las historias, cambia todas las cabeceras de perfil, envía el email y actualiza la portada de la web. 6. **Unos días después: da las gracias** Un resumen con el mismo estilo, con resultados reales si quieres compartir alguno, que cierra la historia. Una publicación de adelanto que dice Algo nuevo, el martes sobre un fondo degradado El adelanto: el estilo del lanzamiento y una fecha, nada más. Un anuncio de lanzamiento que presenta una app de lista de tareas compartida con el mismo estilo que el adelanto El anuncio: el mismo estilo, ahora con la presentación. ## Un solo titular en todos los gráficos La gente se encuentra un lanzamiento en muchos sitios: una historia por la mañana, una publicación en LinkedIn a mediodía, un email por la tarde. Debería reconocer la misma noticia cada vez. Eso significa un solo titular, palabra por palabra, en cada gráfico, con los detalles cambiando según el formato. Para el orden de las palabras, consulta [cómo diseñar una publicación de anuncio](https://gradiently.design/es/guide/announcement-post-design). ### Evita - Un eslogan distinto en cada plataforma - Una imagen recortada para cada forma - Colores nuevos inventados para el lanzamiento - Cabeceras que aún muestran la temporada pasada ### Haz - Un titular, repetido en todas partes - Cada formato compuesto para su forma - Tu estilo habitual, un punto más intenso - Todas las cabeceras cambiadas esa mañana ## Lo que se olvida el día del lanzamiento - **La vista previa de enlace.** Las plataformas la guardan en caché; si compartiste la página antes de que la imagen estuviera lista, actualízala en el inspector de la plataforma. - **Las cabeceras de perfil.** La cabecera de X, el banner de LinkedIn y la portada de Facebook siguen mostrando el estilo viejo. Consulta [el tamaño del banner de LinkedIn](https://gradiently.design/es/guide/linkedin-banner-size) y [el tamaño de la cabecera de Twitter](https://gradiently.design/es/guide/x-header-size). - **La cabecera del email en modo oscuro.** Pruébala; [el diseño de cabeceras de email](https://gradiently.design/es/guide/email-header-design) explica qué cambia. - **Las descripciones de imagen.** Añade texto alternativo a cada imagen del lanzamiento, en todas las plataformas. - **El enlace de tu perfil.** Apúntalo a la página de lanzamiento antes de que salga la primera publicación. > **Crea el conjunto de una vez** Recomponer un diseño quince veces es la parte lenta de un lanzamiento. En Gradiently, **Copiar a tamaños** vuelve a componer un diseño terminado para cada formato que elijas, con el fondo generado de nuevo para cada forma. [Un estilo en todos los tamaños](https://gradiently.design/es/guide/one-look-every-size) explica cómo funciona. ## FAQ ### ¿Qué gráficos necesito para lanzar un producto? Un adelanto, una cuenta atrás, el anuncio para el feed de cada plataforma, historias del lanzamiento, una imagen de vista previa de enlace, cabeceras de perfil actualizadas, una cabecera de email, la portada de la web y una publicación de agradecimiento después. ### ¿Cuándo deben estar listos los gráficos del lanzamiento? Haz la imagen principal y la vista previa de enlace unas dos semanas antes, el adelanto una semana antes y el conjunto completo el día anterior, para que la mañana del lanzamiento solo toque publicar. ### ¿Cómo mantengo coherentes los gráficos del lanzamiento? Diseña una imagen principal, anota sus colores, fuentes y titular, y recompón ese mismo diseño para cada formato en lugar de diseñar cada uno desde cero. ### ¿Qué tamaño tiene la imagen de vista previa de enlace de una página de lanzamiento? 1200×630 píxeles, definida con la etiqueta og:image. Pruébala antes del día del lanzamiento, porque las plataformas la guardan en caché.