# 이미지형 제작가이드

{% hint style="info" %}
알림톡 이미지형 제작가이드를 알아보겠습니다.
{% endhint %}

알림톡 이미지 구성 시 이미지는 정보성 내용으로 구성되어야 하며, 알림톡 템플릿 본문 내 내용이 포함되거나 연관성이 있어야 하며, 이미지 제작가이드를 준수해야 합니다.

## **1. 로고형 이미지**

해당 채널의 가로형 로고를 활용해 메시지의 주목도를 높이고 브랜딩을 강화할 수 있는 유형입니다.

### **1-1. 포맷&구성**

![](https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2FiQs7sAQ4ShrPHV07EoDH%2Fimage.png?alt=media\&token=75c83145-fb47-44af-be2f-402f18168ee8)

### 1-2. 레이아웃

![](https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2FuZj7q0f6yqkMXOh5H2W2%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-11-08%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.23.48.png?alt=media\&token=3fc44059-4959-4af7-aa80-a0fa2bf04c50)

### 1-3. 예시

![](https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2FjtyiChFbPO7OxHbGmC7W%2Fimage.png?alt=media\&token=316fc2a6-d73a-4c9d-8712-a5fe205b67e2)

## 2. 텍스트 혼합형 이미지

정보성 안내 메시지의 주요 내용을 텍스트로 표현하고 내용을 보조하는 아이콘이나 브랜딩을 강조하는 오브젝트 이미지를 활용하는 유형입니다.

### 2-1. 포맷&구성

![](https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2F6gMmxMxi5hmaS07Nrm4w%2Fimage.png?alt=media\&token=8bf05dea-c7c9-4e29-9371-8f10d3a71f7b)

### 2-2. 레이아웃

![](https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2FPurvhlItK4bBV94OvDSX%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-11-01%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%201.36.05.png?alt=media\&token=69078806-c537-463a-87ec-347393a10393)

![](https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2FG3ZAWBSXo3DlH2tDZ3CK%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-11-08%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.26.19.png?alt=media\&token=a70e4f9e-b433-4e28-befc-525030567d6e)

### 2-3. 예시

![](https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2FRY35SIOtS0ZdXLTycLRa%2Fimage.png?alt=media\&token=0b8b2bf7-8834-456a-8b13-83d766562aea)

## 3. 아이콘형 이미지

정보성 메시지 내용의 상태를 아이콘으로 표현하고 간략한 텍스트로 보조하는 유형입니다.

### 3-1. 포맷&구성

![](https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2FgaK0Y4otq1c8381145bD%2Fimage.png?alt=media\&token=356a70b4-b60d-4b3a-a3f9-09d5529fcc5a)

### 3-2. 레이아웃

![](https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2FlEijP1UCZCqNrtl0Nq1K%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-11-08%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.26.59.png?alt=media\&token=1c080bf1-d687-4e97-95fe-66e5b70af331)

### 3-3. 예시

![](https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2FvniQF5o1EVefQ5h2IXSx%2Fimage.png?alt=media\&token=2606cc54-7b3c-4862-ab02-3786565511c1)

### 3-4. 아이콘 리소스

각 채널의 브랜드 대표 색상 1개를 선택하여 아이콘의 포인트 색상으로 사용하도록 권장합니다. 

(현재 예시는 카카오의 대표 색상으로 적용되어 있습니다.)

![](https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2FcOvhdlgJw8TtpPwp3JNW%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-11-01%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%201.40.30.png?alt=media\&token=6a47f160-57c5-426a-ab3a-b5dffa2828fa)

![](https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2F9CP6mn6zlipeSrqIs3IH%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-11-01%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%201.40.38.png?alt=media\&token=65142385-96ff-4c4b-8a9d-b88b958836f9)

{% hint style="danger" %}
지적재산권(특허권, 실용신안권, 디자인권, 상표권, 저작권 등) 및 초상권 등 타인의 권리를 침해하는 이미지는 메시지 발송이 불가하며, 광고주(발송주체)는 관련 법과 규정을 이해하고 준수할 책임이 있습니다. 법적 문제가 발생하는 경우 책임은 광고주(발송주체)에게 있습니다.
{% endhint %}

{% hint style="danger" %}
광고성 내용으로 구성된 이미지, 알림톡 템플릿 본문 내용과 관계 없는 이미지, 개인정보가 포함되거나 유추 가능한 이미지, 이미지 제작이드를 준수하지 않은 이미지는 발송이 불가합니다.
{% endhint %}

{% hint style="danger" %}
위 이미지 알림톡용 아이콘 이미지의 모든 권리는 카카오에 있으며, 카카오톡 알림톡 메시지 외 무단 사용 및 2차 가공 사용을 금지합니다. 
{% endhint %}

## 4. 파일제공 (Font, PSD, Sketch)

### 4-1. Font

{% file src="<https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2Ffad6GeUCGxeQ2Z8zqccH%2FSpoqa%20Han%20Sans%20Bold.ttf?alt=media&token=55d047fa-1393-4646-a9dd-9715a38699c2>" %}

{% file src="<https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2FxumdCgde6HsOiw1Ma5Ul%2FSpoqa%20Han%20Sans%20Regular.ttf?alt=media&token=812cfd51-fd77-4653-8100-445cf9176d3a>" %}

### 4-2. PSD

{% file src="<https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2FC7nPKxsJ7PaHFVOnwQnj%2F%E1%84%8F%E1%85%A1%E1%84%8F%E1%85%A1%E1%84%8B%E1%85%A9%E1%84%90%E1%85%A9%E1%86%A8_%E1%84%8B%E1%85%A1%E1%86%AF%E1%84%85%E1%85%B5%E1%86%B7%E1%84%90%E1%85%A9%E1%86%A8%20%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5%20%E1%84%8C%E1%85%A6%E1%84%8C%E1%85%A1%E1%86%A8%20%E1%84%90%E1%85%A6%E1%86%B7%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%B5%E1%86%BA.psd?alt=media&token=e6a6a6f7-4a3b-4f91-8d7f-c14fc9caf62c>" %}

### 4-3. Sketch

{% file src="<https://234308570-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVZVmVOd-5LtENUPqdq%2Fuploads%2F3dZGiok6bdKcbLp8TI7z%2F%E1%84%8F%E1%85%A1%E1%84%8F%E1%85%A1%E1%84%8B%E1%85%A9%E1%84%90%E1%85%A9%E1%86%A8_%E1%84%8B%E1%85%A1%E1%86%AF%E1%84%85%E1%85%B5%E1%86%B7%E1%84%90%E1%85%A9%E1%86%A8%20%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5%20%E1%84%8C%E1%85%A6%E1%84%8C%E1%85%A1%E1%86%A8%20%E1%84%90%E1%85%A6%E1%86%B7%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%B5%E1%86%BA.sketch?alt=media&token=b0e12f47-6501-4367-92bd-4bc9f67154ea>" %}