> For the complete documentation index, see [llms.txt](https://guides.advertising.webtoon.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.advertising.webtoon.com/naverwebtoon/creative-guidelines/display-video-ads/nw-app/splash-ad/image.md).

# 이미지형

## **노출 위치 및 특징** <a href="#premium" id="premium"></a>

* 앱 실행 초기 화면인 스플래시 스크린 하단에 노출되는 **스플래시 이미지형 광고**입니다.
* 사용자가 앱 로딩을 기다리는 동안 자연스럽게 접하게 되며, 브랜드나 이벤트를 간결하고 시각적으로 전달하는 역할을 합니다.
* 과도한 정보보다는 핵심 메시지에 집중해야 합니다.

<div><figure><img src="/files/RCXHzPedHrtUtY8XfdHL" alt="" width="375"><figcaption></figcaption></figure> <figure><img src="/files/Gu8VOKWquGg4rFS560xO" alt="" width="375"><figcaption></figcaption></figure> <figure><img src="/files/9Gh965IecRPNiiuZZ3nz" alt="" width="375"><figcaption></figcaption></figure></div>

## **필요 에셋**  <a href="#premium" id="premium"></a>

* 로고 이미지와 하단 광고 이미지, 총 2장의 에셋을 전달합니다.
* 제작 완료 시, PSD 제작 파일도 함께 전달합니다.
* 반드시 웹툰에서 제공하는 **PSD 샘플 파일**을 사용하여 제작합니다.

<figure><img src="/files/JV7CmhyIyKEzNX8jv3FB" alt=""><figcaption><p>상단 로고 영역, 하단 광고 이미지</p></figcaption></figure>

<table data-full-width="false"><thead><tr><th width="99.77435302734375">에셋명</th><th width="131.042236328125">이미지 사이즈</th><th width="109.2822265625">파일 용량</th><th width="140.849365234375">파일 형식</th><th width="89.546875">해상도</th><th>Color Prof</th></tr></thead><tbody><tr><td><strong>상단 로고 영역</strong></td><td>945 x 720 px</td><td>최대 40KB</td><td><p>PNG </p><p>(배경 투명 필수)</p></td><td>144 dpi</td><td>sRGB IEC61966 2.1</td></tr><tr><td><strong>하단 광고 이미지</strong></td><td>1400 x 614 px</td><td>최대 300KB</td><td>JPG</td><td>144 dpi</td><td>sRGB IEC61966 2.1</td></tr><tr><td><strong>배경색</strong></td><td>-</td><td>-</td><td>#Hex(헥스코드)값</td><td>-</td><td>-</td></tr></tbody></table>

## **상단 로고 영역 상세 제작 가이드**

***

**로고 유형 (Logo Type)**

* 제공되는 3가지 로고 레이아웃 유형(가로형, 세로형, 네이버웹툰 로고 단독형) 중 하나를 선택해 제작합니다.
* 제작 시, 유형별 상세 가이드를 반드시 확인하고, 네이버웹툰에서 제공하는 **PSD 샘플 파일**을 사용해야 합니다.

<div><figure><img src="/files/pdZFs9lKj6FJ2SPmPuTt" alt=""><figcaption><p>가로형 (Horizontal)</p></figcaption></figure> <figure><img src="/files/5ug9ALekInYVwvEpRqJZ" alt=""><figcaption><p>세로형 (Vertical)</p></figcaption></figure> <figure><img src="/files/nVYuKYCQLJ6wTMOgdvaB" alt=""><figcaption><p>네이버웹툰 로고 단독형 (Stand-alone)</p></figcaption></figure></div>

**네이버웹툰 로고 (WEBTOON Logo)**

* 웹툰 로고는 그린(#00DC64), 화이트의 두 가지 컬러로 제공됩니다.
* 로고 원본의 형태를 임의로 수정, 왜곡, 변형할 수 없으며 반드시 원본 그대로 사용해야 합니다.

**광고주 로고 (Advertiser Logo)**

* 광고주의 대표 브랜드 또는 서비스 로고를 사용해야 합니다.
* 특정 IP (지식재산권), 개별 상품, 캠페인 단위의 로고는 사용할 수 없으며, 사용을 희망할 경우, 사전에 별도로 문의해야 합니다.

**로고 컬러 적용 원칙**

**1) 그린 웹툰 로고 우선 사용**

* **모든 경우에 그린 로고를 최우선으로 사용하는 것을 기본 원칙으로 합니다.**
* 광고주 로고가 유색(有色)일 경우, 웹툰 로고는 반드시 그린 컬러를 사용해야 합니다.
* 광고주 로고가 화이트일 경우, 웹툰 로고는 그린 컬러를 우선 사용하되 배경과의 가시성을 고려하여 광고주 로고와 동일한 컬러를 사용할 수 있습니다.

**2) 배경컬러와 대비**

* 모든 로고는 선명한 가시성을 위해 Bottom AD Image 배경컬러와 충분한 컬러 대비를 이루어야 합니다.

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

**브랜드 위계 고려**

* 서비스 단위 브랜드와 IP 및 상품 단위 브랜드의 조합은 브랜드 위계가 맞지 않아,  이러한 로고의 조합은 불가합니다.
* 다만, 낮은 위계의 브랜드가 상위 브랜드 대비 높은 인지도를 보유한 경우, 내부 검토를 거쳐 예외적으로 병기를 허용할 수 있습니다.
* 인지도 판단 기준은 네이버 데이터랩의 최근 1년간 검색어 트렌드 데이터(+내부 브랜드 정책)를 활용합니다.
* 게임 · 영화 등 시기성과 트렌드에 민감한 콘텐츠 브랜드는 기본 가이드라인의 원칙을 적용하며, 건별 협의를 통해 허용될 수 있습니다.

**예시**

<div><figure><img src="/files/YS7yiKmiFfxTD4WSfv7M" alt=""><figcaption></figcaption></figure> <figure><img src="/files/M1c2IcdT8rCK8fT2Rxmb" alt=""><figcaption></figcaption></figure> <figure><img src="/files/0QoIJt0iNxQh1YzIf064" alt=""><figcaption></figcaption></figure> <figure><img src="/files/gqSKaqr5x4iUTYnV76va" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="/files/ARJ7263hnPFT8jjWaUSO" alt=""><figcaption><p>대표 브랜드 로고 사용</p></figcaption></figure> <figure><img src="/files/gnbu7bgAtvdsIX0H6CP2" alt=""><figcaption><p>로고 가시성 확보</p></figcaption></figure> <figure><img src="/files/EjxwqkIx2tMzBgKpBNKB" alt=""><figcaption><p>로고 컬러 기본 원칙 준수 1</p></figcaption></figure> <figure><img src="/files/BEV11Km1h4T9KHG2cc2Z" alt=""><figcaption><p>로고 컬러 기본 원칙 준수 2</p></figcaption></figure></div>

### **1. 가로형**

{% tabs %}
{% tab title="1-1. 가로\_기본" %}
**구조**

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

**1. 네이버웹툰 로고 (WEBTOON logo)**

* 190x182 px (고정)
* 광고주 로고가 유색(有色)일 경우, 웹툰 로고는 반드시 그린 컬러를 사용해야 합니다.
* 광고주 로고가 화이트일 경우, 웹툰 로고는 그린 컬러를 우선 사용하되 배경과의 가시성을 고려하여 광고주 로고와 동일한 컬러를 사용할 수 있습니다.
* 로고 원본의 형태는 반드시 유지해야 하며, 임의로 수정하거나 변형할 수 없습니다.

**2. 광고주 로고 (Advertiser Logo Area)**

* 최소 150x75 px, 최대 450x96 px
* 최소\~최대 크기 범위 내 광고주 로고를 배치합니다.
* 광고주 로고는 지정 영역의 왼쪽에 여백 없이 정렬합니다.

<div><figure><img src="/files/ba6qzOeZLfLTLFLDvkZW" alt=""><figcaption></figcaption></figure> <figure><img src="/files/7xVGjVw3AH3ccM5oxNyd" alt=""><figcaption></figcaption></figure></div>

**3. 구분선 (Divider)**

* 3x84 px (고정)
* 위치는 네이버웹툰 로고와 광고주 로고 사이입니다.
* 투명도(Opacity)가 50%인 화이트 또는 블랙 컬러만 사용 가능합니다.
* 구분선의 좌우 여백은 각각 48px로 고정되며, 이를 변경할 수 없습니다.
* 제공된 구분선의 원본 형태는 반드시 유지하고, 임의로 변형할 수 없습니다.

<div><figure><img src="/files/aIT66nc9u2hJPbYTvtqr" alt=""><figcaption></figcaption></figure> <figure><img src="/files/3PdSDGdvGpflEwM3isDk" alt=""><figcaption></figcaption></figure></div>

**4. 로고 그룹**

* 네이버웹툰 로고, 광고주 로고, 구분선으로 구성됩니다.
* 완성된 로고 그룹은 캔버스(Canvas)의 가로 및 세로 중앙에 정렬해야 합니다.
* 로고 그룹 전체의 중앙 정렬 상태를 항상 확인합니다.

<div><figure><img src="/files/zggvPP979ZMJsVeCNPPb" alt=""><figcaption></figcaption></figure> <figure><img src="/files/PYO8sMxo1ZJz9J9HBAZ2" alt=""><figcaption></figcaption></figure></div>

**제작 예시**

<div><figure><img src="/files/Yy6RGvwmD0bz5WySxdFJ" alt=""><figcaption></figcaption></figure> <figure><img src="/files/okwKJ0aZVJ8otb4040al" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="1-2. 가로\_정방형" %}
**구조**

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

**1. 웹툰 로고 (WEBTOON logo)**

* 190x182 px (고정)
* 광고주 로고가 유색(有色)일 경우, 웹툰 로고는 반드시 그린 컬러를 사용해야 합니다.
* 광고주 로고가 화이트일 경우, 웹툰 로고는 그린 컬러를 우선 사용하되 배경과의 가시성을 고려하여 광고주 로고와 동일한 컬러를 사용할 수 있습니다.
* 로고 원본의 형태는 반드시 유지해야 하며, 임의로 수정하거나 변형할 수 없습니다.

**2. 광고주 로고 (Advertiser Logo Area)**

* 180x180 px (고정)
* 가로세로 1:1 비율인 광고주 로고를 배치합니다.
* 광고주 로고는 지정 영역의 왼쪽에 여백 없이 정렬합니다.

<div align="center"><figure><img src="/files/IO8FBxEYzUkFYL9XI9Ed" alt="" width="370"><figcaption></figcaption></figure></div>

**3. 구분선 (Divider)**

* 3x84 px (고정)
* 위치는 웹툰 로고와 광고주 로고 사이입니다.
* 투명도(Opacity)가 50%인 화이트 또는 블랙 컬러만 사용 가능합니다.
* 구분선의 좌우 여백은 각각 48px로 고정되며, 이를 변경할 수 없습니다.
* 제공된 구분선의 원본 형태는 반드시 유지하고, 임의로 변형할 수 없습니다.

<div><figure><img src="/files/0RwcQ3rMpm5c3lW3aL1v" alt=""><figcaption></figcaption></figure> <figure><img src="/files/oVFNki7rXdv2pmv9Fyqn" alt=""><figcaption></figcaption></figure></div>

**4. 로고 그룹**

* 웹툰 로고, 광고주 로고, 구분선으로 구성됩니다.
* 완성된 로고 그룹은 캔버스(Canvas)의 가로 및 세로 중앙에 정렬해야 합니다.
* 로고 그룹 전체의 중앙 정렬 상태를 항상 확인합니다.

<figure><img src="/files/o9i5XRYKPJLGCStKLYct" alt="" width="370"><figcaption></figcaption></figure>

**제작 예시**

<div><figure><img src="/files/EOOXCQcTbyTBChZjNAym" alt=""><figcaption></figcaption></figure> <figure><img src="/files/xxDyL8qC4PuLVRBmQx85" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="잘못 제작된 예시" %}

<div><figure><img src="/files/3V56tuxTdThb9AdG63yT" alt=""><figcaption><p>광고주 로고가 최대 너비, 높이를 초과한 경우</p></figcaption></figure> <figure><img src="/files/a1ZFqbnq6WLH7Li0NoGK" alt=""><figcaption><p>광고주 로고가 최소 높이를 충족하지 못한 경우</p></figcaption></figure> <figure><img src="/files/X05oLMvEJBD6jNbnJAv3" alt=""><figcaption><p>광고주 로고를 지정 영역의 좌측에 맞춰 배치하지 않은 경우</p></figcaption></figure> <figure><img src="/files/8xY3zguLs0FocIrfOw3z" alt=""><figcaption><p>웹툰 로고와 광고주 로고의 위치가 바뀐 경우</p></figcaption></figure> <figure><img src="/files/JIQ4JuDdgwmvpwf9DAQ5" alt=""><figcaption><p>구분선을 삭제한 경우</p></figcaption></figure></div>

<div><figure><img src="/files/gbmcn0fJzHbsyJ5xSZOZ" alt=""><figcaption><p>구분선의 좌우 여백 48px를 지키지 않은 경우 1</p></figcaption></figure> <figure><img src="/files/j9Z4yl5pQ984Y5bj2Qm5" alt=""><figcaption><p>구분선의 좌우 여백 48px를 지키지 않은 경우 2</p></figcaption></figure> <figure><img src="/files/97Bvr6c9NPbahEsdbBWV" alt=""><figcaption><p>로고 그룹 중앙정렬을 하지 않은 경우 1</p></figcaption></figure> <figure><img src="/files/SIuTH5bSDXJThDnGh0Hr" alt=""><figcaption><p>로고 그룹 중앙정렬을 하지 않은 경우 2</p></figcaption></figure> <figure><img src="/files/QHAiuPmZr7YVsOGrsRho" alt=""><figcaption><p>구분선의 원본 형태를 변형한 경우</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

### **2. 세로형**

{% tabs %}
{% tab title="2-1. 세로\_기본" %}
**구조**

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

**1. 웹툰 로고 (WEBTOON logo)**

* 190x182 px (고정)
* 광고주 로고가 유색(有色)일 경우, 웹툰 로고는 반드시 그린 컬러를 사용해야 합니다.
* 광고주 로고가 화이트일 경우, 웹툰 로고는 그린 컬러를 우선 사용하되 배경과의 가시성을 고려하여 광고주 로고와 동일한 컬러를 사용할 수 있습니다.
* 로고 원본의 형태는 반드시 유지해야 하며, 임의로 수정하거나 변형할 수 없습니다.

**2. 광고주 로고 (Advertiser Logo Area)**

* 최소 180x120 px, 최대 570x270 px
* 최소\~최대 크기 범위 내 광고주 로고를 배치합니다.
* 광고주 로고는 지정 영역의 상단에 여백 없이 정렬합니다.
* 광고주 로고를 웹툰 로고와 비슷한 크기로 조정하여 균형감있게 배치합니다.

<div><figure><img src="/files/v0TYRijA1iygi2MyPkdI" alt=""><figcaption></figcaption></figure> <figure><img src="/files/ADb7J2AetRmTTZ9WpSZV" alt=""><figcaption></figcaption></figure></div>

**3. 구분선 (Divider)**

* 84x3 px (고정)
* 위치는 웹툰 로고와 광고주 로고 사이입니다.
* 투명도(Opacity)가 50%인 화이트 또는 블랙 컬러만 사용 가능합니다.
* 구분선의 좌우 여백은 각각 60px로 고정되며, 이를 변경할 수 없습니다.
* 제공된 구분선의 원본 형태는 반드시 유지하고, 임의로 변형할 수 없습니다.

<div><figure><img src="/files/zSKdepTI7zUgy6hfRP1l" alt=""><figcaption></figcaption></figure> <figure><img src="/files/dfGRoJMNleYcyeAdtL7r" alt=""><figcaption></figcaption></figure></div>

**4. 로고 그룹**

* 네이버웹툰 로고, 광고주 로고, 구분선으로 구성됩니다.
* 완성된 로고 그룹은 캔버스(Canvas)의 가로 및 세로 중앙에 정렬해야 합니다.
* 로고 그룹 전체의 중앙 정렬 상태를 항상 확인합니다.

<div><figure><img src="/files/OmzLCM3VnbmljneYUWkH" alt=""><figcaption></figcaption></figure> <figure><img src="/files/SRP31oMPkPCVTkG0x60U" alt=""><figcaption></figcaption></figure></div>

**제작 예시**

<div><figure><img src="/files/T2lyL6JDxKxrdayF4OdK" alt=""><figcaption></figcaption></figure> <figure><img src="/files/Bsso7f441jdMu7l3GUBI" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="2-2. 세로\_정방형" %}
**구조**

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

**1. 웹툰 로고 (WEBTOON logo)**

* 190x182 px (고정)
* 광고주 로고가 유색(有色)일 경우, 웹툰 로고는 반드시 그린 컬러를 사용해야 합니다.
* 광고주 로고가 화이트일 경우, 웹툰 로고는 그린 컬러를 우선 사용하되 배경과의 가시성을 고려하여 광고주 로고와 동일한 컬러를 사용할 수 있습니다.
* 로고 원본의 형태는 반드시 유지해야 하며, 임의로 수정하거나 변형할 수 없습니다.

**2. 광고주 로고 (Advertiser Logo Area)**

* 180x180 px  (고정)
* 가로세로 1:1 비율인 광고주 로고를 배치합니다.
* 광고주 로고는 지정된 고정 영역에 여백 없이 정렬합니다.

<figure><img src="/files/68nbUKc6pmG42O2e1UNf" alt="" width="370"><figcaption></figcaption></figure>

**3. 구분선 (Divider)**

* 84x3 px (고정)
* 위치는 웹툰 로고와 광고주 로고 사이입니다.
* 투명도(Opacity)가 50%인 화이트 또는 블랙 컬러만 사용 가능합니다.
* 구분선의 좌우 여백은 각각 60px로 고정되며, 이를 변경할 수 없습니다.
* 제공된 구분선의 원본 형태는 반드시 유지하고, 임의로 변형할 수 없습니다.

<div><figure><img src="/files/NNU5cIQvAm8H1gIj8Jzo" alt=""><figcaption></figcaption></figure> <figure><img src="/files/navZPkCx7SDUnhLH9kLJ" alt=""><figcaption></figcaption></figure></div>

**4. 로고 그룹**

* 웹툰 로고, 광고주 로고, 구분선으로 구성됩니다.
* 완성된 로고 그룹은 캔버스(Canvas)의 가로 및 세로 중앙에 정렬해야 합니다.
* 로고 그룹 전체의 중앙 정렬 상태를 항상 확인합니다.

<figure><img src="/files/F6WbnyTO8w8vWAIAcxAo" alt="" width="370"><figcaption></figcaption></figure>

**제작 예시**

<div><figure><img src="/files/aONGKA9HneO1xNjIcsUR" alt=""><figcaption></figcaption></figure> <figure><img src="/files/A0QJ2b4SDBQWMmWGy7Hp" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="잘못 제작된 예시" %}

<div><figure><img src="/files/7HZbQSqBnC0o97pNrdOR" alt=""><figcaption><p>광고주 로고가 최대 너비, 높이를 초과한 경우</p></figcaption></figure> <figure><img src="/files/3ncgQBrgrAe4cGko5780" alt=""><figcaption><p>광고주 로고가 최소 높이를 충족하지 못한 경우</p></figcaption></figure> <figure><img src="/files/NXYVKecIgDPDol7KDh3j" alt=""><figcaption><p>광고주 로고를 지정 영역의 상단에 맞춰 배치하지 않은 경우</p></figcaption></figure> <figure><img src="/files/ftESLYMIhBZdRW67O2NW" alt=""><figcaption><p>웹툰 로고와 광고주 로고의 위치가 바뀐 경우</p></figcaption></figure> <figure><img src="/files/XvRtPfR9wFD6lYKkVmbT" alt=""><figcaption><p>구분선을 삭제한 경우</p></figcaption></figure></div>

<div><figure><img src="/files/8KyiVVOA2Yjbq531WKXz" alt=""><figcaption><p>구분선의 상, 하단 여백 60px를 지키지 않은 경우 1</p></figcaption></figure> <figure><img src="/files/QWVU3E5EQ25lgwVL8MgZ" alt=""><figcaption><p>구분선의 상, 하단 여백 60px를 지키지 않은 경우 2</p></figcaption></figure> <figure><img src="/files/PCkl5Vb6oCYLdJckhHao" alt=""><figcaption><p>로고 그룹 중앙정렬을 하지 않은 경우 1</p></figcaption></figure> <figure><img src="/files/HD0NYdUtUceChF6IaMPR" alt=""><figcaption><p>로고 그룹 중앙정렬을 하지 않은 경우 2</p></figcaption></figure> <figure><img src="/files/cKHdNKwjiiMInzgEou4F" alt=""><figcaption><p>구분선의 원본 형태를 변형한 경우</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

### **3. 네이버웹툰 로고 단독형**

{% tabs %}
{% tab title="기본 가이드" %}
**구조**

<figure><img src="/files/1uYiDlooJC6JIphlUd4P" alt=""><figcaption></figcaption></figure>

**그린 웹툰 로고 단독 사용**

* 300x300 px (고정)
* 그린(#00DC64), 화이트의 두 가지 컬러 중, 그린 로고를 최우선으로 사용합니다.
* 광고주 로고 단독 사용은 불가능합니다.
* WEBTOON Stand-alone 로고 에셋은 웹툰에서 제공합니다.

<div><figure><img src="/files/XgMlS4SnSynLJJGZGk3N" alt=""><figcaption></figcaption></figure> <figure><img src="/files/8iRlE8A4VjSUMPiDcrOX" alt=""><figcaption></figcaption></figure></div>

**화이트 웹툰 로고가 허용되는 경우**

* 모노크롬 환경에서 흰색 로고 사용이 필요한 필요한 경우
* 배경컬러와 대비가 약해 그린 로고의 가시성을 확보하기 어려운 경우&#x20;

<div><figure><img src="/files/8Wmxud5vFGAXwUaDN5eI" alt=""><figcaption></figcaption></figure> <figure><img src="/files/BYJioOiiILSmuP9AblZr" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="잘못 제작된 예시" %}

<div><figure><img src="/files/Dmqc4UBbOOm7CEyJ6d9y" alt=""><figcaption><p>블랙 로고를 사용한 경우</p></figcaption></figure> <figure><img src="/files/9oNSslt8dWWayWfsQaCz" alt=""><figcaption><p>화이트 로고를 우선적으로 사용한 경우</p></figcaption></figure> <figure><img src="/files/eXNDTKKWJFV8LssbE1gz" alt=""><figcaption><p>광고주 로고를 단독 사용한 경우</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## **하단 광고 이미지 상세 제작 가이드**

***

{% tabs %}
{% tab title="기본 가이드" %}
**구조**

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

**실제 노출 예시**

<figure><img src="/files/HqfJqaKRj0MTFpN9Fb0s" alt="" width="375"><figcaption></figcaption></figure>

**1. 주요 오브젝트/텍스트 배치**&#x20;

* 478x594 px
* 이미지의 중앙부를 기준으로 사용자에게 노출되므로, 해당 영역에 주요 오브젝트와 텍스트를 배치합니다.

**1) 오브젝트**

* 오브젝트를 영역 밖으로 확장할 경우, 잘리지 않고 전체 형태가 모두 보여야 합니다.
* '버튼' 형태 등 클릭을 유도하는 소재는 사용할 수 없습니다.
* 상단 Logo 에셋에 사용한 광고주 로고 이미지를 중복으로 사용할 수 없습니다.

**2) 텍스트 디자인 및 배치**

* 텍스트는 중앙 정렬을 권장합니다.
* 최대 2개의 폰트까지만 사용할 수 있습니다.
* 최대 2개의 폰트 색상을 사용할 수 있습니다.
* 광고의 핵심 메시지는 한눈에 명확하게 전달되어야 합니다.
* 지정된 옵션 외의 폰트나 스크립트체와 같은 가독성이 떨어지는 폰트는 사용할 수 없습니다.
* 광고 이미지 및 배경 색상과 어울리도록 텍스트를 배치해야 합니다.

**3) 권장 폰트**

* 브랜드 폰트로는 고딕 계열 사용을 권장합니다.
* 제작자는 가이드라인에 권장되거나 예시로 언급된 폰트를 포함하여, 사용한 모든 폰트에 대한 라이선스를 직접 확보해야 합니다.

<table data-full-width="true"><thead><tr><th>언어</th><th>권장 폰트</th></tr></thead><tbody><tr><td>국문</td><td>나눔 폰트, Noto Sans 권장</td></tr><tr><td>영문</td><td>Helvetica, Roboto, Pretendard 권장</td></tr></tbody></table>

{% hint style="danger" %}
**폰트 라이선스**

라이선스가 없는 폰트 사용으로 발생하는 모든 문제에 대한 책임은 제작자에게 있습니다.
{% endhint %}

**2. Safe Area**

* 478x60 px
* Main Object/Text Area에 포함된 영역입니다.
* 중요한 정보가 가려질 수 있으므로, 해당 영역에는 텍스트를 배치할 수 없습니다.

**3. Extension Area**

* 디바이스 너비에 따라 노출 범위가 달라지는 영역으로, Main Object/Text Area의 오브젝트와 배경이 자연스럽게 연결되도록 제작해야 합니다.
* 배경 확장이 불가능할 경우, 그라데이션 등을 사용하여 자연스럽게 배경과 어우러지도록 처리해야 합니다.

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

**4. Solid Color Area**

* 1400x20 px
* 이미지의 최상단 컬러를 확장된 배경 컬러로 사용하므로, **반드시 하나의 단색(Solid Color)으로 처리**해야 합니다.
* Main Object/Text Area, Extension Area와 자연스럽게 연결되도록 처리합니다.

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

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

**제작 예시**

<div><figure><img src="/files/aDRTkNrFale82bGUYDPC" alt=""><figcaption></figcaption></figure> <figure><img src="/files/zcrKBljHSi7eLfhinf1M" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="/files/zbz0K36TBr6L4TXwtJBt" alt=""><figcaption></figcaption></figure> <figure><img src="/files/9FaFkZpJ0g1QtU6NQjR7" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="잘못 제작된 예시" %}

<div><figure><img src="/files/KGisB5FiCI1RxKccLbGd" alt=""><figcaption><p>주요 오브젝트, 텍스트가 지정영역을 벗어난 경우</p></figcaption></figure> <figure><img src="/files/U1zbYmNMvxEZpy88NxV1" alt=""><figcaption><p>배경에 크롭된 이미지를 그대로 사용한 경우</p></figcaption></figure> <figure><img src="/files/mQYXCnMDDexIdF31fuXr" alt=""><figcaption><p>주요 오브젝트, 텍스트가 크롭된 경우</p></figcaption></figure></div>

<div><figure><img src="/files/NAlwiCmZ4O2mYWRGpc50" alt=""><figcaption><p>상단 로고 에셋에 사용한 로고를 <br>중복으로 사용한 경우</p></figcaption></figure> <figure><img src="/files/tMWagU0OnG8749tfiv2b" alt=""><figcaption><p>Safe Area에 텍스트를 배치한 경우</p></figcaption></figure> <figure><img src="/files/6COh39fkjKJ7Qb6Crtq9" alt=""><figcaption><p>'버튼' 형태 등 클릭을 유도하는 <br>소재를 사용한 경우</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## **배경색 상세 제작 가이드**

***

* \#Hex(헥스코드)값으로 배경 색상값을 전달해야합니다.
* 상단 로고 영역과 하단 광고 이미지를 고려하여 배경 색상을 지정합니다.
* 지나치게 높은 채도 및 형광색은 지양합니다.
* 포토샵 컬러 피커(Color picker) 기준 채도(S), 명도(B)를 더한 값이 160을 초과하지 않도록 설정합니다.

<figure><img src="/files/T8vm2ASWsBfYjg9H2uLe" alt="" width="375"><figcaption></figcaption></figure>

## 가이드, 샘플 PSD 다운로드

<a href="https://comic.naver.com/external/shareFile?fileId=dbaWNGRIaBXCTtR-Ed3Jhw" class="button secondary" data-icon="square-down">Download Guide and Sample PSD</a> <br>

{% hint style="success" %}
궁금한 점이나 광고 게재 문의는 [문의하기](https://advertising.webtoon.com/kr/contact-us)를 이용해주세요.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://guides.advertising.webtoon.com/naverwebtoon/creative-guidelines/display-video-ads/nw-app/splash-ad/image.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.