Una imagen hero hace mucho trabajo en silencio. Fija el ambiente en el primer segundo, sostiene el titular sin pelearse con él y tiene que parecer de tu marca y no de un banco de imágenes. Los modelos de imagen ya dibujan un banner ancho y limpio a partir de unas pocas frases, así que el trabajo real pasa de buscar una foto a describir la que necesita tu página, con hueco para las palabras.
Las fotos de stock tienen dos problemas cuando las usas como hero. Muchas otras webs descargaron las mismas, y nadie las hizo pensando en tu maquetación. Un hero necesita una forma concreta (ancha), un ambiente concreto (el tuyo) y una zona vacía donde irán el titular y el botón. Una librería de fotos rara vez te da las tres cosas a la vez, así que los equipos recortan, tiñen y esperan lo mejor.
Un modelo de texto a imagen parte del otro extremo. Dices cuál es la escena, hacia qué colores debe inclinarse y dónde va la zona tranquila, y lo dibuja. Picasso IA reúne 212 modelos de texto a imagen en un único espacio de trabajo, el toolkit, así que puedes pasar el mismo brief por un modelo fuerte en diseño limpio, por otro que renderiza texto y por otro que sigue imágenes de referencia, y quedarte con el que encaje con la web. Las cuentas nuevas reciben créditos gratis, suficiente para probar una dirección antes de comprometerte con ella.
El hábito que compensa es generar varias opciones de hero por página y elegir una como elegirías una maquetación, en lugar de aceptar la primera imagen que se vea bien.
Cada hero le pide cosas distintas a un modelo. La tabla junta los casos habituales con el modelo que conviene probar primero y lo que más probablemente saldrá mal. Todos los modelos citados están en el catálogo, y el emparejamiento es un punto de partida, no una regla.
| Tipo de hero | Proporción que pedir | Empieza con | Vigila |
|---|
| Fondo abstracto de marca | 16:9 o 2:1 | recraft-ai/recraft-v4.1-pro | Colores que se alejan de tu paleta |
| Banner ultra ancho tras un titular | 21:9 | bytedance/seedream-5-pro | Detalle recargado justo bajo el texto |
| Hero con palabras dentro de la imagen | 2560x1440 o 3168x1296 | ideogram-ai/ideogram-v4-balanced | Letras mal escritas o de tamaño raro |
| Escena construida con tus imágenes de referencia | 16:9 | bytedance/seedream-5-pro | Detalles de referencia que se mezclan mal |
| Foto existente demasiado estrecha para el diseño | 16:9 | bria/expand-image | Costuras o patrones repetidos en los bordes nuevos |
Recraft v4.1 Pro ofrece 16:9 y 2:1 entre sus proporciones y entrega hasta 2048 píxeles por lado, lo que da margen a un fondo para recortarlo. Seedream 5 Pro admite hasta 10 imágenes de referencia y ofrece la proporción 21:9. Ideogram v4 Balanced destaca el texto legible dentro de las imágenes y tiene formatos anchos como 3168x1296. Expand Image toma una imagen existente y la extiende a la proporción elegida, con un prompt opcional para lo que debe aparecer en la zona nueva.
Esta es la secuencia que termina con un archivo que puedes poner en una página, no con una carpeta de imágenes bonitas. Usa los modelos de arriba y lleva casi lo mismo que escribir el brief.
- Escribe el brief pensando en la maquetación. Indica la escena, el ambiente, dos o tres colores de marca en palabras normales y dónde va el espacio vacío, por ejemplo el tercio izquierdo tranquilo y oscuro para un titular.
- Elige el modelo y la proporción. Abre el toolkit y escoge Recraft v4.1 Pro para fondos limpios, Seedream 5 Pro para heros ultra anchos o basados en referencias, o Ideogram v4 Balanced si las palabras van en la imagen, y fija la proporción.
- Prueba cada opción con el titular real. Genera cuatro candidatas, coloca tu titular y tu botón de verdad sobre cada una en tu editor de páginas o de diseño, y descarta las imágenes donde el detalle choque con el texto.
- Arregla la ganadora en lugar de reescribir el prompt. Si el encuadre es bueno pero estrecho, pásala por Expand Image hasta 16:9; si un color no encaja, adjunta la imagen a un editor como nano banana y pide ese único cambio.
- Exporta, comprime y escribe el texto alternativo. Guarda en JPEG o PNG, comprime el archivo con tu herramienta web habitual y describe lo que muestra la imagen en una frase sencilla para el atributo alt.
Los modelos entienden mejor las palabras de color que los códigos. Nombra los colores como lo haría una persona, azul marino profundo, blanco cálido, un acento ámbar, y si tienes una imagen de marca o un moodboard, adjúntalo como referencia a un modelo que la acepte. Seedream 5 Pro admite hasta 10 imágenes de referencia a la vez. Luego compara el resultado con tus muestras reales en pantalla, porque un prompt te acerca a una paleta, no te deja sobre ella.
El área vacía hay que pedirla en voz alta. Nombra el lado y la cualidad que quieres: una zona tranquila y de bajo contraste en el tercio izquierdo, sin objetos ni brillos fuertes. El texto necesita contraste para leerse bien, así que un degradado suave o una zona oscura y uniforme funcionan mejor que una detallada. Piensa también en los móviles. Muchos temas muestran el hero en un marco más alto en pantallas pequeñas y recortan los lados, así que mantén lo importante del sujeto hacia el centro o revisa el recorte antes de publicar.
Consejo: coloca tu titular real sobre la imagen antes de enamorarte de ella. Un hero se juzga con el texto encima, y la candidata más bonita suele ser la que tiene detalle justo donde tienen que ir las palabras.
El más común es pedirlo todo. Un prompt con un skyline, un equipo, un producto y un patrón abstracto produce una imagen recargada sin zona tranquila. Elige un sujeto y un ambiente, y deja que el fondo haga el trabajo de apoyo. Si necesitas varios visuales para una campaña, hazlos como piezas separadas, como harías con los anuncios estáticos.
El segundo es generar en la proporción equivocada y recortar después. Recortar un cuadrado hasta un banner tira la mayor parte de lo que dibujó el modelo, y el sujeto suele acabar cortado. Fija la proporción ancha antes de generar, o extiende una buena imagen hacia los lados con los pasos de ampliar imágenes con IA.
El tercero es publicar el archivo a tamaño completo. Un PNG grande recién salido del modelo pesa mucho para una página que tiene que cargar rápido, y un hero lento cuesta más de lo que ahorra uno sencillo. Redimensiónalo y comprímelo, y si una candidata favorita se ve blanda al tamaño que necesitas, un escalador de fotos con IA puede reconstruir detalle antes de comprimir. Por último, un hero que no se parece en nada al resto de la web parece una imagen de stock con pasos extra, así que repite las mismas palabras de paleta y de estilo en cada página que generes.
Los heros encajan bien con la generación, pero hay cinco límites que conviene conocer antes de construir una página alrededor de uno:
- Colores exactos de marca: un modelo cae cerca de una paleta, no encima, así que una guía de marca estricta sigue necesitando una comprobación con tus muestras y a veces una corrección de color tras generar.
- Texto dentro de la imagen: incluso los modelos pensados para rotulación pueden escribir mal una palabra, y las palabras incrustadas en una imagen no se pueden traducir, seleccionar ni leer con un lector de pantalla, así que el titular suele ir como texto real de la página.
- Productos y personas reales: un producto generado no es tu producto, y un hero que muestra un artículo en venta tiene que mostrar el artículo real; las personas de un hero generado son ficticias, nunca una persona real identificable.
- Peso y formato del archivo: los modelos entregan archivos grandes, hasta 2K, que hay que redimensionar y comprimir para la web, y Picasso IA no sustituye el proceso de construcción de tu sitio ni tu flujo de imágenes.
- Coherencia entre páginas: cada generación es una imagen nueva, así que una serie de heros con un mismo aire necesita las mismas referencias y las mismas palabras, y aun así se desviará un poco.
Nada de esto descarta el método. Marca los pasos que se quedan contigo: la comprobación de color, el titular, la foto real y la preparación del archivo.
¿Puede la IA generar una imagen hero para una web?
Sí. Los modelos de texto a imagen dibujan banners anchos a partir de una descripción escrita, y puedes elegir la proporción antes de generar. En Picasso IA puedes pasar el mismo brief por varios modelos en el toolkit y quedarte con el mejor. Revisa las condiciones del modelo y de tu plan para uso comercial, y mira los requisitos de tu plataforma antes de publicar nada en la web de un cliente o de una empresa.
¿Qué tamaño debe tener una imagen hero?
Depende de tu tema, de tu editor y de cómo se recorte el hero, así que aquí no hay una única respuesta correcta. Parte de la forma: casi todos los heros son anchos, a menudo 16:9 o más, y pide esa proporción al modelo para no recortar después. Luego consulta la documentación de tu plataforma o tema para ver las dimensiones recomendadas actuales y exporta de acuerdo con ellas.
¿Qué modelo de IA es mejor para banners web?
No hay un mejor único, y por eso ayuda un catálogo. Recraft v4.1 Pro funciona bien para fondos abstractos limpios en 16:9 o 2:1, Seedream 5 Pro ofrece la proporción 21:9 y acepta hasta 10 imágenes de referencia, e Ideogram v4 Balanced es el que hay que probar cuando las palabras van dentro de la imagen. Pasa el mismo brief por dos de ellos y juzga con tu titular encima.
¿Cómo hago que el hero combine con los colores de mi marca?
Describe los colores con palabras, como azul marino profundo con un acento ámbar cálido, y adjunta una imagen de marca como referencia a un modelo que acepte referencias, como Seedream 5 Pro. Después compara el resultado con tus muestras reales en pantalla. Los modelos se acercan pero no clavan el color, así que si tu guía de marca es estricta, corrige el color después en un editor o pide a un modelo de edición un cambio concreto.
¿Cómo dejo espacio para el texto del titular?
Pídelo en el prompt y nombra el lado: una zona tranquila y de bajo contraste en el tercio izquierdo, sin objetos ni brillos fuertes. Después compruébalo colocando tu titular y tu botón reales sobre cada candidata. Si el encuadre es bueno pero la zona vacía queda pequeña, extiende la imagen hacia los lados con Expand Image y rellena la zona nueva con un fondo liso.
¿Puedo poner el titular dentro de la imagen de IA?
Puedes, porque Ideogram v4 Balanced está pensado para renderizar texto legible, pero rara vez es la mejor opción para una web. El texto dentro de una imagen no se puede seleccionar, traducir ni leer en voz alta con un lector de pantalla, y escala mal en móviles. Deja el titular como texto real sobre la imagen y usa el rotulado dentro de la imagen solo para un elemento tipo logotipo que revisarás letra por letra.
¿Cómo convierto una foto estrecha en un banner ancho?
Usa Expand Image. Sube la foto, elige 16:9 u otra proporción predefinida y, si quieres, describe lo que debe aparecer en la zona nueva, como un fondo suave y liso. El modelo genera píxeles que encajan con el color y la textura del original. Mira con atención los bordes nuevos por si hay costuras o patrones repetidos, y vuelve a ejecutarlo con otro prompt si los ves.
¿Cómo comprimo una imagen hero para que cargue rápido?
Comprime después de generar, con la herramienta que ya usas para el resto de tu web, porque ese trabajo ocurre fuera del modelo. Seedream 5 Pro permite guardar en PNG o JPEG, y el JPEG suele pesar menos en escenas fotográficas. Redimensiona al mayor tamaño que tu diseño realmente muestra, comprime y luego abre la página en un móvil para confirmar que carga rápido y se sigue viendo nítida.
¿Qué texto alternativo debe llevar una imagen hero?
Describe lo que muestra la imagen en una frase sencilla, como se lo contarías a alguien que no puede verla. Si el hero es puramente decorativo, como un degradado abstracto tras un titular, un atributo alt vacío suele ser mejor opción, porque una descripción larga añade ruido para quienes usan lector de pantalla. Puedes pedir un borrador a un modelo de chat del toolkit, pero léelo y corrígelo tú.
¿Cuánto cuesta generar imágenes hero?
Las generaciones se pagan en créditos, y el coste depende del modelo y de los ajustes que elijas, así que cualquier cifra escrita aquí quedaría desfasada. Las cuentas nuevas empiezan con créditos gratis, suficientes para comparar unas cuantas candidatas. Los detalles actuales de los planes están en la página de precios, que es el único sitio fiable para los números.
Tu próxima página merece un hero hecho a su medida. Abre el toolkit de Picasso IA, fija la proporción y genera las cuatro primeras opciones pensando en tu titular.