# Prompt para crear el banner de tu web o la portada de tus redes con IA

> Crea la cabecera de tu web y la portada de YouTube, LinkedIn o X con IA, con hueco para tu texto y sin que se corte en el móvil. Con 6 estilos.

- Tipo: Prompt
- Categoría: Diseño y presentaciones
- Autor: Álvaro Checa
- Publicado: 23 de octubre de 2026
- Actualizado: 23 de octubre de 2026
- Página original: https://recursos.hubmedia.io/prompts/banner-web-y-portada-de-redes-con-ia
- Publicado por: Recursos Hub Media (https://recursos.hubmedia.io/)

## La primera imagen que ve la gente

El **banner** es la imagen ancha de arriba de tu web, y la **portada** es la que aparece detrás de tu foto en YouTube, LinkedIn, X o Facebook. Es lo primero que ve quien llega, y dice en un segundo a qué te dedicas.

El problema es que cada sitio la recorta a su manera, y en el móvil casi siempre se ve **solo el centro**. Por eso el método es: la IA crea una imagen muy ancha con lo importante en el centro y un hueco tranquilo para el texto, y tú escribes ese texto después.

¿Buscas otra cosa? Para vídeos, mira las [miniaturas de YouTube](https://recursos.hubmedia.io/prompts/miniaturas-de-youtube-con-ia); para publicaciones, el [carrusel de Instagram](https://recursos.hubmedia.io/guias/carrusel-de-instagram-con-ia).

## Cómo hacerlo

1. **1. Mira la medida de cada sitio**: En la tabla de medidas de abajo tienes las más habituales. Las redes las cambian a veces: compruébalo en su ayuda antes de empezar.
2. **2. Genera en el formato más ancho posible**: Pide 21:9 si la herramienta lo permite, o 16:9. Para formatos aún más alargados, como LinkedIn, amplía los lados después en Canva o Adobe Express con su función de expandir con IA.
3. **3. Lo importante, en el centro**: Pide en el prompt que los elementos clave queden en una franja central y que los bordes de arriba y abajo se puedan recortar.
4. **4. Deja un lado tranquilo para el texto**: Un lado con fondo liso (o el centro, si es una portada de YouTube) para tu nombre y tu frase.
5. **5. Escribe el texto en Canva o Adobe Express**: Tu nombre o marca, una frase de 6 a 8 palabras y, si es una web, el botón. Más abajo te explicamos cómo.
6. **6. Pruébala en el móvil y en el ordenador**: Súbela y mira las dos versiones. Si se corta tu cara o tu texto, muévelo hacia el centro.

## El prompt estrella

### Prompt: Banner ancho con hueco para tu texto (Sin adjuntos, o adjunta la foto de tu producto · panorámico 21:9 o 16:9)

Versión para ChatGPT Images 2.5 (Probado en ChatGPT Images 2.5):

```text
Wide banner image for [a small ceramics studio website]. Style: [warm natural photography]. On the [right side]: [close-up of hands shaping clay on a pottery wheel, soft afternoon light]. The [left half] is a calm, uncluttered area with a [soft beige] background, completely empty, ready for adding text later. Keep all important elements inside a central horizontal band; the top and bottom edges may be cropped. Colour palette: [brand colours]. No text, no letters, no logos, no watermarks. [Wide 21:9].
```

Versión para Nano Banana 2.1 (Probado en Nano Banana 2.1):

```text
Create a wide banner for [business or profile]. Style: [style]. On the [right side]: [main visual]. The [left half] is an empty, calm area with a [soft beige] background for text added later. All important elements stay inside a central horizontal band so the top and bottom can be cropped. Colours: [brand colours]. No text, no letters, no logos. Aspect ratio [21:9].
```

Las partes entre [corchetes] son variables: cámbialas por lo que quieras. Usa el mismo estilo y los mismos colores en la web y en todas tus redes: así te reconocen en cualquier sitio.

## 6 estilos de banner

| Estilo | Para quién | Qué poner en el prompt |
| --- | --- | --- |
| Tu oficio de cerca | Artesanos, peluquerías, talleres | [close-up of hands at work: kneading dough, cutting hair, sketching] |
| Degradado abstracto | Consultores, apps, tecnología | [soft abstract gradient waves in brand colours, subtle grain] |
| Ilustración plana | Formadores, blogs, newsletters | [flat vector illustration of a cosy desk with books and a lamp, limited palette] |
| Patrón de marca | Tiendas online | [seamless pattern of small simple icons related to the business, low contrast] |
| Paisaje panorámico | Viajes, bienestar, deporte | [misty mountains at sunrise, wide panoramic view, soft colours] |
| Producto protagonista | Marcas de producto | [the product from the attached photo on the right, on a long seamless colour backdrop] |

## Medidas habituales

*Compruébalas en la ayuda de cada red: cambian de vez en cuando*

| Dónde | Medida recomendada | Qué tener en cuenta |
| --- | --- | --- |
| Portada de YouTube | 2560 × 1440 px | En el móvil solo se ve la franja central (unos 1546 × 423 px): pon ahí el texto |
| Portada de LinkedIn (perfil) | 1584 × 396 px | Tu foto tapa la parte de abajo a la izquierda |
| Cabecera de X | 1500 × 500 px | Tu foto tapa la parte de abajo a la izquierda |
| Cabecera de tu web | 1920 px de ancho (alto según el diseño) | En el móvil se recorta por los lados: lo importante, en el centro |

## Añade el texto real en Canva o Adobe Express

1. Abre [Canva](https://recursos.hubmedia.io/herramientas/canva) o [Adobe Express](https://recursos.hubmedia.io/herramientas/adobe-express) y busca la plantilla con el nombre de la red (por ejemplo, «portada de YouTube»): ya viene con la medida correcta.
2. Sube tu imagen y ponla de fondo. Si es más estrecha que la plantilla, usa la función de **expandir con IA** para alargar los lados.
3. Escribe tu **nombre o marca** en grande y debajo **una frase** que diga qué haces o para quién («Cerámica hecha a mano en Valencia»).
4. Usa las tipografías y los colores de tu marca, y comprueba que el texto se lee bien sobre el fondo.
5. Exporta en JPG o PNG. Para la web, mejor en un formato ligero y comprimido, para que cargue rápido.

**Truco para tu web:** si puedes, que el texto **no** vaya dentro de la imagen, sino escrito encima como texto de la página. Se lee mejor en el móvil, se puede cambiar sin rehacer la imagen y los buscadores lo entienden.

**Una nota de honestidad:** si el banner enseña tu trabajo o tu producto, que sea representativo de lo que vendes. Una imagen genérica de ambiente está bien; una que haga pensar que tu producto es otro, no.

## Preguntas frecuentes

### ¿Por qué se corta mi portada en el móvil?

Porque cada red enseña solo una parte de la imagen según la pantalla. Deja los bordes como fondo sin nada importante y pon el texto y los elementos clave en el centro.

### ¿Puedo poner mi foto en el banner?

Sí, y es buena idea. Usa tu foto real y colócala en Canva o Adobe Express sobre el fondo que hayas generado. Mejor eso que una cara inventada por la IA que no eres tú.

### ¿Por qué la IA no me da una imagen tan alargada como necesito?

Muchas herramientas tienen un formato máximo, como 16:9 o 21:9. Genera en el más ancho que tengan y alarga los lados con la función de expandir con IA de Canva o Adobe Express.