---
url: "/ko/emailify/content/images.md"
description: "이메일 디자인의 어느 Column 레이어 안에든 인라인 콘텐츠 이미지를 추가할 수 있어요."
---

# 이메일 디자인에 이미지 추가

> 이메일 디자인의 어느 Column 레이어 안에든 인라인 콘텐츠 이미지를 추가할 수 있어요.

> **Tip:** 이메일 디자인의 Row, Column, Hero, Wrapper 레이어에 Figma 이미지 채우기를 설정해 [레이아웃에 배경 이미지를 추가](/ko/emailify/design/background-images)할 수도 있어요.

## 컴퓨터에 있는 이미지를 Column으로 끌어다 놓기 {#drag-and-drop-an-image-from-your-computer-into-a-column}

[Video](/assets/videos/emailify/content/drag-image-layer.mp4)

Column 레이어에 인라인 콘텐츠 이미지를 추가하는 가장 빠른 방법은 컴퓨터에 있는 이미지 파일을 Figma로 끌어다 놓은 다음, 그 이미지 레이어를 Column 안으로 끌어다 넣는 거예요(필요하면 크기도 조정하세요).

Figma 파일에 이메일 디자인의 콘텐츠 이미지로 쓰고 싶은 이미지가 이미 있다면, 그 레이어를 Column 레이어 안으로 끌어다 놓아도 돼요.

> **Tip:** 플러그인 헤더의 Settings 버튼을 사용해 이미지에 [대체 텍스트](/ko/emailify/content/alt-text) 속성을 설정하거나 [클릭할 수 있는 URL 링크](/ko/emailify/content/link-images)를 추가할 수 있어요.

## 다른 정적 레이어가 들어 있는 이미지 프레임을 Column에 추가 {#add-an-image-frame-to-your-column-with-other-static-layers-inside-of-it}

[Video](/assets/videos/emailify/content/add-image-element.mp4)

Column 레이어를 클릭하고 Quick Add 요소 메뉴의 드롭다운에서 **Image** 옵션을 선택한 다음 **Add +** 버튼을 클릭해도 이메일 디자인에 이미지 프레임을 추가할 수 있어요. 그러면 Figma의 Column 레이어 안에 새 이미지 프레임이 추가돼요.

이미지 프레임을 추가한 뒤 Figma에서 새 레이어를 클릭하고, Figma 오른쪽 열의 **Fills** 패널에서 이미지 채우기를 추가하면 이미지 채우기가 설정돼요.

이미지 프레임 안에 다른 레이어를 넣을 수도 있어요. 그러면 최종 HTML 내보내기에서 렌더링되는 하나의 정적 이미지 레이어에 자동으로 함께 포함돼요.

> **Tip:** 플러그인 헤더의 Settings 버튼을 사용해 이미지에 [대체 텍스트](/ko/emailify/content/alt-text) 속성을 설정하거나 [클릭할 수 있는 URL 링크](/ko/emailify/content/link-images)를 추가할 수 있어요.