> 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/img-type.md).

# 스플래시 이미지 광고

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

## 1. 소재 정보

<figure><img src="/files/w4gAcgbedE2bf4Db6ID7" 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>반드시 하단에 들어가는 이미지와 이질감이 없는 색상 사용 </li><li>블랙(#000000), 지나치게 높은 채도 및 형광색 사용 불가</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>광고 이미지 영역으로 로고 삽입 가능 (메인 이미지 영역의 25% 이내) </li><li>가로로 긴 형태의 이미지가 디바이스에 따라 적정 비율로 잘리며 중앙정렬됨 </li><li><mark style="color:blue;">중앙의 메인 이미지 영역(960 × 856px) 내에 주요 오브젝트 배치</mark> </li><li>배경이 투명한 이미지로 제작, 배경과 자연스럽게 이어지도록 누끼 혹은 그라데이션 처리</li></ul></td></tr></tbody></table>

## 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=""></li></ul></td></tr></tbody></table>

## 3. 하단 이미지 영역

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

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><strong>사이즈</strong></td><td>2838 x 856 px </td></tr><tr><td><strong>파일 형식</strong></td><td>투명 png 파일</td></tr><tr><td><strong>용량</strong></td><td>3.5mb 이하 </td></tr><tr><td><strong>심볼 이미지 적용 방식</strong></td><td><ul><li><mark style="color:purple;">중앙의 이미지 안전 표시 영역(960× 856px(320 X 286dp)) 내에 주요 오브젝트 배치</mark> (다양한 디바이스 에서도 잘림없이 보여질 수 있도록 배치) </li><li>스플래시 배경 영역과 자연스럽게 이어지도록 누끼 혹은 그라데이션 처리 </li><li>로고 삽입 시 메인 이미지 영역의 25% 이내 면적으로 제한 (텍스트는 광고 내용에 따라 제한적으로 허용. 허용 시 로고와 텍스트를 합쳐 메인 이미지 영역의 25% 이내, 텍스트 크기는 74pt 이내로 제한)</li><li>심볼 영역의 로고와 동일한 only 로고타입 불가</li><li>로고 이외 업종 규정에 따른 심의필 번호 등의 삽입은 지양 </li><li>지원하지 않는 동작이 연상되는 이미지 요소 적용 불가 (ex. 플레이 버튼, 알림 표시, 텍스트 버튼 등)</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/h957827dxFlQEt8gH1lt" alt=""></td><td><strong>Bad Case</strong><br>로고, 텍스트 삽입 면적을 준수하지 않은 경우</td><td></td></tr><tr><td></td><td align="center"><img src="/files/Ks7Hi8KWkaffjxjDJK7M" 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/o16bv3opH5mZwdzpuLIu" alt=""></td><td><strong>Bad Case</strong><br>이미지 일부가 잘리거나, 주요 오브젝트가 메인 이미지 영역 외에 위치 한 경우</td><td></td></tr><tr><td></td><td align="center"><img src="/files/OVF8gMEnbWFPJRTUGLhU" alt=""></td><td><p><strong>Good Case</strong></p><p>주요 오브젝트가 잘리지 않고 배경영역과 자연스럽게 배치</p></td><td></td></tr></tbody></table>