# Thumbnail Settings

OvenMediaEngine은 Live에서 `.jpeg` 또는 `.png` 형태로 Thumbnail을 추출하여 바로 표기 할 수 있습니다. 해당 기능을 통해 웹 사이트에서 방송 목록을 구성하거나, 모니터링 시스템에서 여러 Stream을 동시에 체크하는 등 보다 직관적인 업무 수행이 가능합니다.

## Thumbnail Port 설정하기

<figure><img src="https://content.gitbook.com/content/Z6NWzeQyKbSWkDFSGwGx/blobs/HxwznFc9Z27aheq3yoYP/image.png" alt=""><figcaption><p>Thumbnail Setting 페이지 내 Bind 항목</p></figcaption></figure>

Thumbnail Settings 페이지에서 각 `Application`에 대한 Thumbnail의 Port Binding 정보와 활성화 상태를 확인하고 수정 할 수 있습니다.

* `Port`: Server가 HTTP 요청을 수신하기 위해 사용할 `Port`를 설정하는 옵션입니다.
* `TLS Port`: Web Browser와 Server 간에 TLS (Transport Layer Security) Protocol을 사용하여 Data를 암호화합니다. 해당 옵션에 설정된 `Port`를 통해 암호화된 Data가 전송됩니다.

{% hint style="info" %}
&#x20;`Thumbnail Publisher`의 Port는 HLS 및 DASH와 동일한 Port를 사용할 수 있습니다.
{% endhint %}

## Output Profiles 정보 조회하기

<figure><img src="https://content.gitbook.com/content/Z6NWzeQyKbSWkDFSGwGx/blobs/bVOmLszENajP9hVHlB46/image.png" alt=""><figcaption><p>Thumbnail Setting 페이지 내 Application 항목</p></figcaption></figure>

위 이미지 내 Output Profiles를 해석하면, `${OriginStreamName}`이라는 Stream *(해당 Application에포함된 모든 Stream)*&#xC5D0;서 Thumbnail Image를 추출하는데, 1초에 1장씩 320\*180 사이즈의  `jpeg` 이미지로생성한다는 Encode 내용이 정의되어 있습니다.

* `Cross Domain`: `<CorssDomain>`을 통해 Player가 동작하는 도메인을 제어합니다.

{% hint style="info" %}
세부 가이드: <https://docs.ovenmediaengine.com/thumbnail>
{% endhint %}