> For the complete documentation index, see [llms.txt](https://docs.targetpick.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.targetpick.io/creative_guide/targetpick/v_ints_video.md).

# 세로 전면동영상

세로 전면동영상 제작 가이드 입니다.

## 공통 

<div align="left"><figure><img src="https://583392291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxdbgD34XdoBdrVCIm02M%2Fuploads%2FEpxtu9z33eWSuEdmzXUq%2F%EA%B3%B5%ED%86%B5.jpg?alt=media&amp;token=7b90df26-667b-4697-9b7d-c509d1592f9c" alt=""><figcaption></figcaption></figure></div>

#### 동영상 영역&#x20;

| 사이즈 (PIXEL)                    | 용량                | 포맷                 |
| ------------------------------ | ----------------- | ------------------ |
| <p>9:16 권장<br>(16:9 지원 가능)</p> | 4MB\~1GB / 60초 이하 | MP4, AVI, WMV, MPG |

* Key message 영역은 640\*690 이므로 상단에 위치 권장
* 영상 비율 차이로 인해 발생하는 레터박스(여백) 영역은 블러 처리 \
  (단, 매체에서 지정한 영역의 경우 매체에서 지정한 설정을 따르며, 매체가 영역을 640\*960(2:3)이 아니라 디바이스 전체 영역으로 지정한 경우, 상하에 검정색 레터박스 영역 발생할 수 있음)
* 음소거의 경우, 크롬 웹뷰 정책에 따라 음소거 버튼 클릭하여 해제 시에만 음소거 해제 됨

#### CTA 버튼

* 버튼 컬러
  * 기본값: 7F7F7F (진회색)
  * 컬러 피커로 사용자가 선택 가능
* 문구
  * 커스텀 문구 입력 허용: 최대 10자 (띄어쓰기 포함)
  * 폰트 색상: FFFFFF (흰색 고정)

## 1. 상품 상세형

<div align="left"><figure><img src="https://583392291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxdbgD34XdoBdrVCIm02M%2Fuploads%2Fp80qaIPy58XVj1keo9wZ%2F%EC%83%81%ED%92%88%EC%83%81%EC%84%B8%ED%98%95.png?alt=media&amp;token=0ea9372b-146a-461d-9961-ce06b10b48c4" alt=""><figcaption></figcaption></figure></div>

| 이미지 사이즈 (PIXEL)                           | 용량       | 포맷       |
| ----------------------------------------- | -------- | -------- |
| <p>200\*200 이상,<br>비율 1:1 (정사각형 레이아웃)</p> | 200KB 이하 | PNG, JPG |

#### BG 기본값

* 기본값: 7F7F7F (진회색)
* 컬러 피커로 사용자가 선택 가능

#### 상품명 (필수)

* 텍스트 영역 초과 시 ... 으로 생략 표시
* 띄어쓰기 포함 한글 약 31자까지 노출
* 숫자, 영문, 기호 포함 시 더 많은 글자수가 노출될 수 있음
* 줄바꿈, 이모티콘 입력 불가 (특수 문자: % & < > ' " \ 입력 불가)
* 폰트 색상: FFFFFF (흰색 고정)

## 2. 카탈로그형

<div align="left"><figure><img src="https://583392291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxdbgD34XdoBdrVCIm02M%2Fuploads%2FBQrmmqzGFb0tCJOLNKah%2F%EC%B9%B4%ED%83%88%EB%A1%9C%EA%B7%B8%ED%98%95.png?alt=media&amp;token=46c2d63e-6ad6-4235-bef8-dc7942cccd30" alt="" width="375"><figcaption></figcaption></figure></div>

| 이미지 사이즈 (PIXEL)                           | 용량       | 포맷       |
| ----------------------------------------- | -------- | -------- |
| <p>200\*200 이상,<br>비율 1:1 (정사각형 레이아웃)</p> | 200KB 이하 | PNG, JPG |

#### BG 기본값

* 기본값: 7F7F7F (진회색)
* 컬러 피커로 사용자가 선택 가능
* BG 없음도 선택 가능

## 3. 홍보 문구형

<div align="left"><figure><img src="https://583392291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxdbgD34XdoBdrVCIm02M%2Fuploads%2FbFloCgjqZNwb7tFX5LF5%2F%ED%99%8D%EB%B3%B4%EB%AC%B8%EA%B5%AC%ED%98%95.png?alt=media&amp;token=b9386139-dbb3-4eb7-8c83-162fe0f4bc6e" alt="" width="375"><figcaption></figcaption></figure></div>

#### 텍스트

* 타이틀: 최대 15자 (띄어쓰기 포함)
* 설명 문구: 최대 30자 (띄어쓰기 포함)
* 줄바꿈, 이모티콘 입력 불가 (특수 문자: % & < > ' " \ 입력 불가)
* BG 기본값: 7F7F7F (진회색)
* 컬러 피커로 사용자가 선택 가능
* 폰트 색상: FFFFFF (흰색 고정)