> 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/webtoon-only/branded-webtoon/thumbnail.md).

# 썸네일

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

* App, Mobile Web, PC 내 포함된 작품 썸네일 영역에 노출됩니다.
* 1화 원고 등록 시 썸네일은 모두 제작해 주셔야 하며, 2화부터는 회차별로 회차 썸네일만 전달주시면 됩니다.
* 이미지 최종 디자인은 네이버웹툰에서 진행하므로, 네이버웹툰 톤에 맞춰 일부 썸네일이 수정될 수 있습니다.

<figure><img src="/files/LHBeHtGUZOUQkcekAwuD" alt=""><figcaption><p>App/Mobile Web/PC 포스터형 썸네일</p></figcaption></figure>

<figure><img src="/files/MMP1kQ2HwkAQoPmyABHQ" alt=""><figcaption><p>App/Mobile Web/PC 메인 썸네일</p></figcaption></figure>

<figure><img src="/files/UFMPohKlbFA6AGm3vfbB" alt=""><figcaption><p>App/Mobile Web/PC 회차 썸네일</p></figcaption></figure>

<figure><img src="/files/iOiuf0L0Juza3WLdYStj" alt="" width="188"><figcaption><p>회차 공유 썸네일</p></figcaption></figure>

## **필요 에셋**

<div><figure><img src="/files/J7V6j2OabsLfs9bPT2yH" alt=""><figcaption><p>포스터형 썸네일</p></figcaption></figure> <figure><img src="/files/SMq74yvjKPfBqudHnzXB" alt=""><figcaption><p>메인 썸네일</p></figcaption></figure> <figure><img src="/files/SFZMMtbr37aRq7ZIGax5" alt=""><figcaption><p>공유 썸네일</p></figcaption></figure> <figure><img src="/files/Qfqq9tbQpOWy6PNZjwOs" alt=""><figcaption><p>추천 썸네일</p></figcaption></figure> <figure><img src="/files/zyoVYhBTgqTUbJtC65TJ" alt=""><figcaption><p>작품 상세 썸네일</p></figcaption></figure></div>

<div><figure><img src="/files/yEMAxj5jEkyK6lRBrXBs" alt="" width="300"><figcaption><p>회차 공유 썸네일</p></figcaption></figure> <figure><img src="/files/ORdA7jWHmKk00sYPbpZZ" alt=""><figcaption><p>회차 썸네일</p></figcaption></figure></div>

<table><thead><tr><th width="153.20703125">에셋명</th><th width="126.6358642578125">이미지 사이즈</th><th width="108.29296875">파일 용량</th><th width="76.719482421875">파일 형식</th><th>필수 소재</th></tr></thead><tbody><tr><td><strong>포스터형 썸네일</strong></td><td>480x623px</td><td>60KB 이하</td><td>JPG</td><td>작품 캐릭터가 부각된 JPG 이미지 1장</td></tr><tr><td><strong>메인 썸네일</strong></td><td>220x202px</td><td>60KB 이하</td><td>JPG</td><td>작품 캐릭터가 부각된 JPG 이미지 1장</td></tr><tr><td><strong>공유 썸네일</strong></td><td>217x165px</td><td>60KB 이하</td><td>JPG</td><td>작품 캐릭터가 부각된 JPG 이미지 1장</td></tr><tr><td><strong>추천 썸네일</strong></td><td>218x120px</td><td>60KB 이하</td><td>JPG</td><td>작품 캐릭터가 부각된 JPG 이미지 1장</td></tr><tr><td><strong>작품 상세 썸네일</strong></td><td>125x101px</td><td>60KB 이하</td><td>JPG</td><td>작품 캐릭터가 부각된 JPG 이미지 1장</td></tr><tr><td><strong>회차 썸네일</strong></td><td>202x120px</td><td>60KB 이하</td><td>JPG</td><td>작품 캐릭터가 부각된 JPG 이미지 1장 (2화부터 해당 소재만 전달)</td></tr><tr><td><strong>회차 공유 썸네일</strong></td><td>600x315px</td><td>60KB 이하</td><td>JPG</td><td>작품 캐릭터가 부각된 JPG 이미지 1장 (2화부터 해당 소재만 전달)</td></tr></tbody></table>

## **포스터형 썸네일 제작 가이드** <a href="#id-71" id="id-71"></a>

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

* 이미지 제작 시 60KB 이하 용량 제한을 지키며, \
  예외적으로 작품에 따라 화질이 많이 떨어지는 경우에만 70KB 이내로 제작합니다.
* 캐릭터가 부각될 수 있게 작업하며 너무 복잡한 배경은 사용 자제합니다.
* 인물과 배경은 레이어를 분리하여 제작하며, PSD 원본 이미지 소스는 가급적 큰 파일로 전달합니다.
* **상하단 블릿이 작품 타이틀, 메인 캐릭터와 최대한 겹치지 않도록 제작**합니다.
* 자세한 사항은 예시 원본 PSD 참고 부탁드립니다.

<div><figure><img src="/files/VM0IHH8PGd0juzTpgLtm" alt=""><figcaption><p>상하단 블릿 위치</p></figcaption></figure> <figure><img src="/files/ZtIFCYCNusxG48KIRBqV" alt=""><figcaption><p>이미지 저장 시 블릿 제거</p></figcaption></figure></div>
{% endtab %}

{% tab title="Bad 케이스" %}

<div><figure><img src="/files/IeKga8vH8vhLSgMIV41z" alt=""><figcaption><p>가독성이 떨어지는 텍스트를 사용한 경우</p></figcaption></figure> <figure><img src="/files/XzoZF8yzCDGI4f2KIcMU" alt=""><figcaption><p>이미지와 로고가 과하게 겹치는 경우</p></figcaption></figure> <figure><img src="/files/tnPk3zUeMW1SF8vmPTiT" alt=""><figcaption><p>#FFFFFF, #222222 배경 컬러를 사용한 경우</p></figcaption></figure></div>

<div><figure><img src="/files/6cBnm1cu0PdaKkC1vqRZ" alt=""><figcaption><p>텍스트가 포함된 배경을 사용한 경우</p></figcaption></figure> <figure><img src="/files/Cuuu8dEVM8Q9TJgWv0gO" alt=""><figcaption><p>식별이 어려운 낮은 해상도의 이미지를 사용한 경우</p></figcaption></figure> <figure><img src="/files/OGWffq0oeWrCNIGZzYvv" alt=""><figcaption><p>다소 주목도가 떨어지는 이미지를 사용한 경우</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## **회차/회차 공유 썸네일 제작 가이드** <a href="#id-71" id="id-71"></a>

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

* **해당되는 회차 원고를 캡처하여 사용**합니다.
* 깨끗한 화질의 이미지로 되도록 인물이나 요소가 1\~2개만 배치되도록 제작합니다.
* 인물과 배경은 레이어를 분리하여 제작하며, PSD 원본 이미지 소스는 가급적 큰 파일로 전달합니다.
* 이미지로만 적용 가능하며 말풍선이나 문구는 제외합니다.
* 인물이나 배경의 식별이 어렵고 모호한 이미지 사용을 지양합니다.

<div><figure><img src="/files/o3OKVPBQinc3nPAT2ViK" alt="" width="300"><figcaption><p>회차 공유 썸네일</p></figcaption></figure> <figure><img src="/files/fnoR8mZHZWmMQ646eeuA" alt=""><figcaption><p>회차 썸네일</p></figcaption></figure></div>
{% endtab %}

{% tab title="Bad 케이스" %}

<figure><img src="/files/UTYsBwE9AfdlyBk1gw7B" alt="" width="300"><figcaption><p>텍스트가 포함된 이미지를 사용한 경우</p></figcaption></figure>
{% endtab %}
{% endtabs %}

## **썸네일 베리에이션** <a href="#id-71" id="id-71"></a>

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

* 메인 썸네일, 공유 썸네일, 추천 썸네일, 작품 상세 썸네일은 **하나의 이미지를 캔버스 사이즈에 맞춰 베리에이션**하여 제작합니다.
* 자세한 사항은 예시 원본 PSD 참고 부탁드립니다.

<div><figure><img src="/files/8RZ6VrhJIdcZneSzHNMF" alt=""><figcaption><p>메인 썸네일</p></figcaption></figure> <figure><img src="/files/rVzT2G56RkNKRi43c3Az" alt=""><figcaption><p>공유 썸네일</p></figcaption></figure> <figure><img src="/files/MLXImXOdtc4LLOCsPDye" alt=""><figcaption><p>추천 썸네일</p></figcaption></figure> <figure><img src="/files/nNBISSZ5XvagMNmWOL4G" alt=""><figcaption><p>작품 상세 썸네일</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

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

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

{% 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/webtoon-only/branded-webtoon/thumbnail.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.