> For the complete documentation index, see [llms.txt](https://tmapmobility.gitbook.io/tmap-ads-guidelines/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tmapmobility.gitbook.io/tmap-ads-guidelines/digital-display-advertising/splash/video-type.md).

# 스플래시 동영상 광고

{% hint style="info" %}
**필수 전달 사항 : 투명 png 파일 2종** (심볼 영역, 하단 이미지)**, 동영상(1280 x 720), 배경 색상값 헥스 코드**
{% endhint %}

> <mark style="color:purple;">**"(하위 버전 대응을 위해) 스플래시 이미지 광고 가이드를 참고하셔서 ‘하단 이미지’도 꼭 함께 전달 부탁드립니다."**</mark>

{% content-ref url="/pages/RJIwJ0fhS2yX8SaoMPBM" %}
[스플래시 이미지 광고](/tmap-ads-guidelines/digital-display-advertising/splash/img-type.md)
{% endcontent-ref %}

<table data-card-size="large" data-column-title-hidden data-view="cards" data-full-width="false"><thead><tr><th align="center"></th><th align="center"></th><th></th><th data-type="content-ref"></th><th data-hidden></th></tr></thead><tbody><tr><td align="center"><img src="/files/r4nLLgiUzhogkQaSCSG8" alt=""></td><td align="center"><strong>Video type</strong></td><td>샘플 보러가기</td><td><a href="https://cloud.protopie.io/p/2175a614117f83cec5e3e34b">https://cloud.protopie.io/p/2175a614117f83cec5e3e34b</a></td><td></td></tr></tbody></table>

## 1. 소재 정보

<figure><img src="/files/qO05oZHdog4AXoJZ81b8" alt=""><figcaption></figcaption></figure>

* **요약 내용**

<table><thead><tr><th width="207"></th><th></th></tr></thead><tbody><tr><td><ol><li><strong>배경 색상</strong></li></ol></td><td><ul><li>헥스 코드로 배경 색상값 적용</li><li><p><mark style="color:purple;">반드시 하단에 들어가는 동영상의 배경색과 동일한 색 사용</mark></p><ul><li><p><strong>&#x3C;배경색은 아래 2가지 중 선택하여 적용></strong></p><ul><li>동영상 첫 화면의 배경색</li><li>동영상 내에서 높은 비율로 표시되는 배경색</li></ul></li></ul></li></ul></td></tr><tr><td><ol start="2"><li><strong>심볼 영역</strong></li></ol></td><td><ul><li>배경이 투명한 이미지로 제작 </li><li>TMAP 로고와 광고주의 브랜드 로고 표기 </li><li>광고주의 브랜드 로고를 표기하지 않을 경우 T심볼과 TMAP 로고만 표기</li><li>TMAP 로고의 색상은 밝은 배경에서 Black type symbol, 어두운 배경에서는 White type symbol 사용</li></ul></td></tr><tr><td><ol start="3"><li><strong>동영상 영역</strong></li></ol></td><td><ul><li>동영상 사이즈 1280 x 720 px</li><li><p><mark style="color:purple;">메인 동영상 영역(906 x 569 px) 내에 주요 오브젝트 배치</mark></p><ul><li>특히, 동영상을 덮는 그라데이션 영역(H.72px) 내에는 주요 오브젝트를 배치하지 않기를 권장</li><li>✱ 1920 x 1080으로 동영상을 제작한 경우 1359 x 854 내에 주요 오브젝트가 배치되어 있는지 확인 후 동영상을 1280 x 720으로 변환해 주시면 됩니다</li></ul></li></ul></td></tr></tbody></table>

## 1-1. 레이아웃 구성

<figure><img src="/files/WwplAZlkTyjfX57XqufE" alt=""><figcaption></figcaption></figure>

## 2. 심볼 영역

<figure><img src="/files/VK3CXXabqBIwl7MxswzG" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><strong>사이즈</strong></td><td>840 x 960 px </td></tr><tr><td>ㄴ 브랜드 로고 사이즈</td><td>최대 너비 550 px, 최대 높이 110 px</td></tr><tr><td><strong>파일 형식</strong></td><td>투명 png 파일</td></tr><tr><td><strong>용량</strong></td><td>200kb 이하</td></tr><tr><td><strong>심볼 이미지 적용 방식</strong></td><td><ul><li><mark style="color:blue;">TMAP 로고는 배경 명도에 따라 Black type symbol, White type symbol 중 선택하여 사용</mark></li><li>TMAP 로고와 광고주의 브랜드 로고 삽입 </li><li>브랜드 로고는 최대 너비 550 px, 최대 높이 110 px까지 사이즈 조절 가능하며, 다만 밸런스를 고려하여 크기 조정</li><li>브랜드 로고는 중앙 정렬</li><li>배경이 투명한 이미지로 전달<br><img src="/files/58WHgZ8aA51B6ffdnTRB" alt=""><br></li></ul></td></tr></tbody></table>

## 3. 하단 동영상 영역

<figure><img src="/files/EdVkM48uqdNvjeDfdgsN" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><strong>배경 색상</strong></td><td><ul><li>헥스 코드로 배경 색상값 적용</li><li><p><mark style="color:purple;">반드시 하단에 들어가는 동영상의 배경색과 동일한 색 사용</mark></p><ul><li><p><strong>&#x3C;배경색은 아래 2가지 중 선택하여 적용></strong></p><ul><li>동영상 첫 화면의 배경색</li><li>동영상 내에서 높은 비율로 표시되는 배경색</li></ul></li></ul></li></ul></td></tr><tr><td><strong>동영상 영역</strong></td><td><ul><li>동영상 사이즈 1280 x 720 px</li><li><p><mark style="color:purple;">메인 동영상 영역(906 x 569 px) 내에 주요 오브젝트 배치</mark></p><ul><li>특히, 동영상을 덮는 그라데이션 영역(H.72px) 내에는 주요 오브젝트를 배치하지 않기를 권장</li><li>✱ 1920 x 1080으로 동영상을 제작한 경우 1359 x 854 내에 주요 오브젝트가 배치되어 있는지 확인 후 동영상을 1280 x 720으로 변환해 주시면 됩니다</li></ul></li></ul></td></tr></tbody></table>

## 3-1. 동영상 규격

<figure><img src="/files/i6soJLjghMOuOofglEht" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><strong>사이즈</strong></td><td>1280 x 720 px (16:9)</td></tr><tr><td>ㄴ 메인 동영상 영역</td><td>906 x 569 px</td></tr><tr><td><strong>파일 형식</strong></td><td>MP4</td></tr><tr><td><strong>코덱</strong></td><td>h.264</td></tr><tr><td><strong>프레임</strong></td><td>30FPS 이하</td></tr><tr><td><strong>재생 시간</strong></td><td>3초 이하</td></tr><tr><td><strong>용량</strong></td><td>6mb 이하</td></tr><tr><td><strong>참고 사항</strong></td><td><ul><li>스플래시 상품은 음소거 상태로 재생됩니다.</li></ul></td></tr></tbody></table>

## 4. Bad / Good Case

### • Case 1

<table data-card-size="large" data-column-title-hidden data-view="cards"><thead><tr><th data-card-cover data-type="files"></th><th align="center"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td></td><td align="center"><img src="/files/H3oWxhE2ZZkCvlzblFor" alt="" data-size="original"></td><td><strong>Bad Case</strong><br>배경 색의 채도가 너무 높거나 심볼, 이미지와 이질감이 있는 경우</td><td></td></tr><tr><td></td><td align="center"><img src="/files/DfKJIgXqRbyEGNyBdoth" alt=""></td><td><p><strong>Good Case</strong></p><p>배경 컬러와 심볼, 이미지가 조화롭게 구성</p></td><td></td></tr></tbody></table>

### • Case 2

<table data-card-size="large" data-column-title-hidden data-view="cards"><thead><tr><th data-card-cover data-type="files"></th><th align="center"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td></td><td align="center"><img src="/files/FfgqY5cNLCmwKESnSZhL" alt="" data-size="original"></td><td><strong>Bad Case</strong><br>배경 색상이 동영상과 이질감이 있는 구성</td><td></td></tr><tr><td></td><td align="center"><img src="/files/O7cEwUM5s0A9jvchF8RW" alt=""></td><td><p><strong>Good Case</strong></p><p>배경 색상이 동영상과 자연스럽게 어울리게 구성</p></td><td></td></tr></tbody></table>

### • Case 3

<table data-card-size="large" data-column-title-hidden data-view="cards"><thead><tr><th data-card-cover data-type="files"></th><th align="center"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td></td><td align="center"><img src="/files/wjGFbSW3FfkiyYoxxCFe" alt=""></td><td><strong>Bad Case</strong><br>오브젝트가 메인 동영상 영역을 벗어난 구성</td><td></td></tr><tr><td></td><td align="center"><img src="/files/O7cEwUM5s0A9jvchF8RW" alt=""></td><td><p><strong>Good Case</strong></p><p>오브젝트를 메인 동영상 영역 내 배치한 구성</p></td><td></td></tr></tbody></table>