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

# 스플래시 풀스크린 이미지 광고

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

#### 연관 광고

{% content-ref url="/pages/zn2uVnLlIBq3xqu2Z4rl" %}
[스플래시 풀스크린 동영상 광고](/tmap-ads-guidelines/digital-display-advertising/splash/full-screen-video.md)
{% endcontent-ref %}

## 1. 소재 정보

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

<table><thead><tr><th width="207"></th><th></th></tr></thead><tbody><tr><td><strong>배경 이미지 영역</strong></td><td><ul><li>1284 × 2778 px / PNG / 6MB 이하</li><li><mark style="color:purple;">브랜드 로고가 잘 보일 수 있게 안전 표시 영역(720 × 456 px)을 규정합니다.</mark></li><li>안전 표시 영역에는 복잡한 요소를 넣지 말아주세요.</li></ul></td></tr><tr><td><strong>심볼 영역</strong></td><td><ul><li>840 x 960 px / 투명 png 파일 / 200kb 이하</li><li>배경이 투명한 이미지로 제작 </li><li>TMAP 로고와 광고주의 브랜드 로고 표기 </li><li>광고주의 브랜드 로고를 표기하지 않을 경우 T심볼과 TMAP 로고만 표기</li><li>TMAP 로고의 색상은 밝은 배경에서 Black type symbol, 어두운 배경에서는 White type symbol 사용</li></ul></td></tr><tr><td><strong>하단 이미지 영역</strong></td><td><ul><li>2838 x 856 px / 투명 png 파일 / 3.5mb 이하</li><li><mark style="color:purple;">안전 표시 영역(960 × 856px) 내에 주요 오브젝트 배치</mark></li><li>광고 이미지 영역으로 로고 삽입 가능 (메인 이미지 영역의 25% 이내)</li><li>배경이 투명한 이미지로 제작</li></ul></td></tr><tr><td><strong>배경색</strong></td><td><ul><li>저버전 앱 대응을 위한 설정 값</li><li>헥스 코드로 배경 색상값 적용 </li><li>블랙(#000000), 지나치게 높은 채도 및 형광색 사용 불가</li></ul></td></tr></tbody></table>

### 1-1. 레이어 구성

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

## 2. 배경 이미지 제작 방법

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

* 브랜드 로고가 잘 보일 수 있게 안전 표시 영역(720 × 456 px)을 규정합니다.
* 안전 영역에는 복잡한 요소를 넣지 말아주세요.

<table><thead><tr><th width="203"></th><th></th></tr></thead><tbody><tr><td><strong>사이즈</strong></td><td>1284 × 2778 px</td></tr><tr><td><strong>파일 형식</strong></td><td>png 파일</td></tr><tr><td><strong>용량</strong></td><td>6mb 이하 </td></tr></tbody></table>

#### 샘플

{% file src="/files/Z8pDMP4ZZJz6Hqs2uJ3f" %}

* 해당 파일을 다운로드하여 심볼(로고)이 잘 보일 수 있게 참고하세요

## 3. 심볼 영역

<figure><img src="/files/p1YunPoOYndt5lNHVNyW" 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>

## 4. 하단 이미지 영역

<figure><img src="/files/ubwDSbZSOCfoaxHeW4Y1" 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>

## 5. 저버전 앱 대응 화면 예시

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