---
url: "/es/emailify/design/background-images.md"
description: "Añade imágenes de fondo compatibles con todos los clientes de email (incluido Outlook) a las capas Row, Column, Wrapper y Hero con un relleno de imagen en Figma."
---

# Añadir imágenes de fondo a tus diseños de email

> Añade imágenes de fondo compatibles con todos los clientes de email (incluido Outlook) a las capas Row, Column, Wrapper y Hero con un relleno de imagen en Figma.

[Video](/assets/videos/emailify/design/row-background-image.mp4)

Puedes añadir una imagen de fondo a cualquier capa Row, Column, Wrapper o Hero de tu diseño de email: haz clic en la capa en Figma, después en el icono **+** junto al panel **Fill** de las propiedades de Figma de la capa, y elige **Image** como tipo de relleno. El ejemplo anterior lo muestra en una capa Column, pero el mismo proceso sirve también para las capas Row, Wrapper y Hero. Ese relleno de imagen se aplicará como imagen de fondo cuando exportes tu email a HTML desde el plugin.

> **Tip:** Para aumentar el contraste entre la imagen de fondo y las capas de contenido, puedes añadir un color semitransparente encima del relleno de imagen de fondo de la capa (con el icono **+** junto al panel **Fill** de las propiedades de Figma de la capa), elegir el color que quieras para el nuevo relleno **Gradient** o **Solid** y ajustar el porcentaje de opacidad del relleno (por ejemplo, `35`).

> **Note:** Las imágenes de fondo y los degradados son compatibles con las capas Row, Column, Wrapper y Hero en la vista previa de Emailify y en las exportaciones renderizadas en HTML. Si exportas `mjml` o `loops` sin procesar, ahí se siguen omitiendo los atributos de imagen de fondo de las Column.

## Definir un color alternativo sólido detrás de la imagen de fondo {#setting-a-solid-fallback-color-behind-your-background-image}

[Video](/assets/videos/emailify/design/add-bg-fallback-color.mp4)

Si quieres que aparezca un color alternativo personalizado detrás de tu imagen de fondo (visible mientras la imagen se carga en el cliente de email del usuario, o si su cliente de email bloquea al principio la carga de imágenes), añade un color sólido extra a los **Fills** de tu capa Row, Column, Wrapper o Hero con imagen de fondo: haz clic en el botón del icono **+**, pon el color de relleno que hayas elegido con una opacidad del `100%` y arrástralo al final de la lista de rellenos (debajo del relleno de la imagen de fondo).