# \[단일] 이미지 카드

***

## &#x20;1. ![](https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FdvwuJQhWoYUFiYlfPVWN%2Fimage.png?alt=media\&token=c3571249-691e-454e-9c62-fbe6c0349c8b) '이미지 카드' 란?

{% hint style="success" %}
<mark style="color:green;">**텍스트 없이 이미지만 보여지는 형태의 메시지 카드**</mark>입니다.



5가지의 다양한 사이즈(원본, 1:1, 2:1, 3:2, 16:9)를 선택할 수 있으며,\
원본 비율은 단일 이미지 카드에서만 지원 가능합니다.
{% endhint %}

<figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FqVgdGM0u0FiJFiVTj89h%2Fimage.png?alt=media&#x26;token=c9af5792-0dc6-438d-91e0-ef43699d2795" alt=""><figcaption></figcaption></figure>



***

## 2. 블럭의 형태 및 사용 방법

<figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FduISFcfkDgFvlEnBNEjk%2Fimage.png?alt=media&#x26;token=c2d03c99-a0f5-49af-9493-4205d5e6a929" alt=""><figcaption><p>이미지 카드</p></figcaption></figure>

{% hint style="danger" %}
<mark style="color:red;">**주의 사항**</mark>

* 모든 글자 수는 띄어쓰기가 포함되며, 한글/영문/숫자/공백 모두 한 글자로 취급합니다.
* 버튼명의 경우 카카오는 최대 14자만 노출됩니다.
* 이미지 업로드 시 1MB 미만의 JPG, PNG만 지원됩니다.
{% endhint %}

<table data-header-hidden><thead><tr><th width="80">No</th><th width="178">구분</th><th width="71">필수</th><th>설명</th></tr></thead><tbody><tr><td>No.</td><td><strong>구분</strong></td><td><strong>필수</strong></td><td><strong>설명</strong></td></tr><tr><td>①</td><td>블럭 타이틀</td><td>X</td><td><ul><li>40자 이하 입력/수정 가능 </li><li>생성 시 “<em>이미지 {No}</em>” 형태로 생성 됨</li></ul></td></tr><tr><td>②</td><td>이미지 등록</td><td>O</td><td><ul><li>800 * 400 사이즈 권장</li><li>1MB(1,000KB) 미만의 이미지 파일(JPG, PNG)만 지원</li></ul></td></tr><tr><td>③</td><td>서브 블럭 연결 버튼</td><td>O</td><td><ul><li>해당 블럭과 연결될 블럭을 블럭 편집 창 or 마우스 Drag&#x26;Drop으로 연결 가능</li></ul></td></tr><tr><td>④</td><td>블럭 간략 설정 버튼</td><td>-</td><td><ul><li>클릭 시 아래 액션이 가능한 버튼 레이어 노출 <br>a. 미리보기<br>b. 복제하기 <br>c. 내용접기 <br>d. 블럭 저장 <br>e. 블럭 </li></ul></td></tr></tbody></table>









