> For the complete documentation index, see [llms.txt](https://guide.ci.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.ci.me/undefined-3/undefined-2/undefined-1.md).

# 오버레이 설정하기

***

## **개요**

오버레이란 방송 화면 위에 노출하는 채팅, 후원 애니메이션 등을 말합니다. 오버레이를 적절히 설정하면 시청자 경험을 개선할 수 있습니다.

씨미에선 총 5가지의 오버레이를 제공하고 있습니다.

| 채팅 오버레이    | 이용자가 채팅창에 입력하는 메시지, 후원, 구독 메시지 등이 표현됩니다.                                                |
| ---------- | --------------------------------------------------------------------------------------- |
| 채팅 후원 오버레이 | 총 4가지(채팅 후원, 미션 후원, 구독 메시지, 구독 선물 메시지)의 애니메이션과 효과음이 표현됩니다.                              |
| 미션 목록 오버레이 | 애니메이션과 효과음을 포함하며, 제안된 미션이 목록으로 표현됩니다. 따라서 미션 후원은 ‘채팅 후원 오버레이’와 ‘미션 목록 오버레이’ 두 곳에 표현됩니다. |
| 영상 후원 오버레이 | 영상 후원 시 애니메이션과 효과음, 영상, 메시지가 표현됩니다.                                                     |
| 효과 오버레이    | 워프, 구독 선물, 응원 후원 애니메이션이 표현됩니다. 따라서 구독 선물은 ‘채팅 후원 오버레이’와 ‘효과 오버레이’ 두 곳에 표현됩니다.           |

## **오버레이 설정**

<figure><img src="https://cf.channel.io/document/spaces/17235/articles/650465/revisions/1260632/usermedia/69b25ec15faece58b341" alt=""><figcaption></figcaption></figure>

방송 화면에 **오버레이를 넣기 위해선 씨미 스튜디오에서 제공하는 오버레이 URL**을 OBS에 추가해야 합니다.

예를 들어 채팅창 오버레이 설정은 아래와 같이할 수 있습니다.

1. 씨미 스튜디오의 \[라이브 방송] → \[라이브 준비] → \[채팅 설정]에 있는 ‘채팅창 설정’ 버튼을 클릭합니다.
2. 채팅창 설정 페이지에서 ‘오버레이 URL’을 복사합니다.
3. OBS에서 **\[소스] → \[브라우저 소스] 추가**를 선택합니다.
4. 복사했던 URL을 붙여넣습니다.
5. 크기를 720 × 1080으로 설정합니다.
6. 추가된 오버레이를 드래그하여 원하는 위치와 크기로 조정합니다.

## **오버레이 크기**

각 오버레이를 OBS에 추가할 때 권장 사이즈가 다릅니다.

| 채팅 오버레이    | 720 × 1080 px  |
| ---------- | -------------- |
| 채팅후원 오버레이  | 800 × 840 px   |
| 미션 목록 오버레이 | 너비 560 px      |
| 영상 후원 오버레이 | 690 × 642 px   |
| 효과 오버레이    | 1920 × 1080 px |

#### **자주 묻는 질문**

<details>

<summary><strong>Q. 채널 핸들을 바꾸면 오버레이도 바꿔줘야 하나요?</strong></summary>

핸들을 변경할 경우 OBS 내에서 오버레이를 새로고침 해야 합니다. \[브라우저 소스]를 지웠다가 다시 추가할 필요는 없습니다.

</details>

*업데이트 : 2026.07.06*