---
url: "/ko/emailify/design/background-images.md"
description: "Figma에서 이미지 채우기를 적용해 이메일의 Row, Column, Wrapper, Hero 레이어에 모든 이메일 클라이언트(Outlook 포함)에서 작동하는 배경 이미지를 콘텐츠 레이어 뒤에 추가할 수 있어요."
---

# 이메일 레이아웃에 배경 이미지 추가

> Figma에서 이미지 채우기를 적용해 이메일의 Row, Column, Wrapper, Hero 레이어에 모든 이메일 클라이언트(Outlook 포함)에서 작동하는 배경 이미지를 콘텐츠 레이어 뒤에 추가할 수 있어요.

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

이메일 디자인의 Row, Column, Wrapper, Hero 레이어에 배경 이미지를 추가하려면 Figma에서 레이어를 클릭하고, 레이어의 Figma 속성에서 **Fill** 패널 옆의 **+** 아이콘을 클릭한 다음 채우기 유형을 **Image**로 설정하세요. 위 예시는 Column 레이어에서 보여 주지만 Row, Wrapper, Hero 레이어에서도 같은 방법을 쓸 수 있어요. 플러그인에서 이메일을 HTML로 내보낼 때 이 이미지 채우기가 배경 이미지로 적용돼요.

> **Tip:** 배경 이미지와 콘텐츠 레이어의 대비를 높이려면 레이어의 배경 이미지 채우기 위에 반투명 색상을 하나 더 추가하세요(레이어의 Figma 속성에서 **Fill** 패널 옆의 **+** 아이콘 클릭). 새 **Gradient** 또는 **Solid** 채우기를 원하는 색상으로 설정한 다음 채우기 불투명도 퍼센트 값(예: `35`)을 조정하세요.

> **Note:** 배경 이미지와 그라디언트는 Emailify 미리보기와 HTML로 렌더링되는 내보내기에서 Row, Column, Wrapper, Hero 레이어에 지원돼요. 원시 `mjml` 또는 `loops` 결과물로 내보낸다면 그곳에서는 여전히 Column 배경 이미지 속성이 빠져요.

## 배경 이미지 뒤에 단색 대체 색상 설정 {#setting-a-solid-fallback-color-behind-your-background-image}

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

배경 이미지 뒤에 사용자 지정 대체 색상을 표시하고 싶다면(나중에 사용자의 이메일 클라이언트에서 이미지가 로드되는 동안이나, 이메일 클라이언트가 처음에 이미지 콘텐츠 렌더링을 차단할 때 보여요), 배경 이미지가 있는 Row, Column, Wrapper, Hero 레이어의 **Fills**에서 **+** 아이콘 버튼을 클릭해 단색을 하나 더 추가하세요. 고른 채우기 색상의 불투명도를 `100%`로 설정한 다음, Fills 목록의 맨 아래(배경 이미지 채우기 아래)로 끌어 옮기세요.