Imágenes con IA para un boletín por correo: cabecera, separador y pie en un solo estilo

Un correo es el lugar más estricto en el que vivirá una imagen. La app de correo del lector decide el ancho, puede bloquear las imágenes hasta que toque, puede invertir tus colores en modo oscuro y puede no mostrar tu tipografía. Por eso una imagen de IA para un boletín hay que planificarla desde esos límites hacia atrás. Esta es una lista de comprobación para un conjunto de tres piezas, cabecera, separador y arte del pie, que parezca hecho por una sola mano.

Empieza por la columna, no por la imagen

La mayoría de los boletines van en una sola columna centrada de unos 600 píxeles de ancho, y solo para esa columna tienes que diseñar. Los móviles la reducen y los clientes de escritorio la centran en un espacio vacío. Decide primero el ancho de la columna y deduce de él los tres formatos.

• Cabecera: todo el ancho de la columna, ancha y baja. Pide un formato apaisado en el selector de proporción y recorta la altura en tu editor.
• Separador: todo el ancho, finísimo. Ningún modelo dibuja directamente una tira tan fina; renderiza un formato ancho y recorta una banda delgada de la parte más tranquila.
• Arte del pie: del mismo ancho que la cabecera y algo más alto que el separador, para que el correo termine en una forma y no en texto legal.

Renderiza a más o menos el doble del ancho de la columna y reduce en tu editor, para que las imágenes se vean nítidas en pantallas de móvil densas. El estudio crea imágenes de hasta 2K, más de lo que necesita una columna. La guía de relaciones de aspecto explica por qué un formato ancho es mejor que uno cuadrado que luego recortas.

Deja todas las palabras fuera de la imagen

Esta es la regla que salva a la mayoría de los boletines. Si el titular va dentro de la imagen de la cabecera, los lectores cuya app bloquea imágenes ven un cuadro vacío, los lectores de pantalla no leen nada y una errata obliga a renderizar de nuevo. Pon el título, la fecha y el botón como texto real y usa la imagen solo como fondo.

Es más fácil poner texto sobre una cabecera si la imagen ya tiene una zona tranquila. Nómbrala en el prompt, como muestra el artículo sobre espacio para texto, y coloca el sujeto en el lado opuesto. Añade también texto alternativo para la imagen, porque algunos lectores verán solo eso. Basta una frase corta y sencilla; el artículo sobre texto alternativo tiene el patrón.

Una paleta, escrita en los tres prompts

Tres renders por separado se alejan entre sí si no los fijas. Elige dos o tres colores, nómbralos en cada prompt y mantén el mismo tipo de sujeto y la misma luz. En el ejemplo de arriba son ciruela, violeta y arena con un suave brillo de farolillos. La guía de paletas de color muestra cómo redactarlos para que el modelo no los cambie.

Después usa la primera cabecera aprobada como referencia para el separador y el pie, y di qué mantener (la paleta y la luz) y qué cambiar (el sujeto). El artículo sobre imágenes de referencia lo explica. Usa el mismo modelo para los tres; Still es una buena opción por defecto desde €0.40 por render, y Still Lite desde €0.30 basta para probar composiciones antes del final.

Ajusta la imagen al fondo del correo

Elige primero el color de fondo del correo y haz que los bordes de cada imagen se fundan con él. Una cabecera que termina en una línea dura sobre una página blanca parece un rectángulo pegado. Una solución es dejar que la imagen se difumine hasta el color exacto de la página en el borde inferior; otra es poner el color de la página en el prompt y pedir una viñeta suave. Comprueba el resultado en tu herramienta de correo, no solo en el estudio.

El modo oscuro es la segunda prueba. Algunas apps invierten los fondos claros, y una imagen con un borde pálido puede acabar con un halo feo. Una imagen con borde oscuro o de tono medio sobrevive mejor a ambos modos, y es un buen motivo para mantener la paleta del lado oscuro.

Archivos: planos, pequeños y en un formato aburrido

Las apps de correo son mucho menos modernas que los navegadores. Guarda cada pieza como JPEG, o como PNG si tiene colores planos, y evita los formatos nuevos cuyo soporte en las apps de correo es irregular. Procura que el archivo sea lo bastante pequeño para que el correo cargue de golpe con una mala conexión móvil; una imagen tranquila y con pocos detalles se comprime mucho mejor que una recargada, y la zona libre que dejaste para el título también ayuda. Tras comprimir, revisa a tamaño completo los degradados oscuros suaves, donde primero se nota el banding.

Lo que el estudio no puede hacer aquí

Crea imágenes rasterizadas y no construye el correo: ni HTML, ni cortes, ni ajuste a tu columna, ni compresión para apps de correo. Todo eso ocurre en tu editor o en tu herramienta de boletines. No dibuja un separador de grosor mínimo como tal, así que lo recortas de un render más ancho. La salida transparente existe solo en algunos modelos, y para el correo no merece el riesgo, porque los clientes tratan de forma impredecible un archivo transparente en modo oscuro; en su lugar, aplana el arte sobre un color sólido. Y no puede prometer que tres renders coincidan exactamente: una paleta y una referencia te acercan mucho, así que ajusta el conjunto en tu editor si tu marca exige colores exactos.

Abre el estudio, renderiza primero la cabecera y apruébala, y después crea el separador y el pie a partir de ella. Si el estilo no es el adecuado, compara los modelos de imagen en la página de modelos. Nuestro artículo sobre imágenes de cabecera para blogs trata el mismo oficio para una página web, donde las reglas son más laxas.