> 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/streamer-guide/stream-settings/setting-up-overlays.md).

# 오버레이 설정하기

씨미는 채팅, 채팅 후원, 미션 목록, 영상 후원 등 5가지 오버레이를 제공합니다. 각 오버레이에 무엇이 표시되는지와 OBS에 브라우저 소스로 추가하는 방법을 안내합니다.

***

## **개요** <a href="#overview" id="overview"></a>

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

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

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

## **오버레이 설정** <a href="#setting-up-overlays" id="setting-up-overlays"></a>

<figure><img src="https://3393958803-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnP6G0VWo2s7FyJt3QYyo%2Fuploads%2Fgit-blob-9de3886cda59f4b5c3fd5ab8146863830f3eb683%2Fcf-69b25ec15faece58b341.webp?alt=media" alt="오버레이 설정 가이드 4단계. OBS에 브라우저 소스 추가, 너비와 높이 입력, 장면 활성화 시 새로고침 체크, 테스트 알림 확인 순으로 안내한다."><figcaption></figcaption></figure>

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

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

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

## **오버레이 크기** <a href="#recommended-overlay-sizes" id="recommended-overlay-sizes"></a>

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

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

#### **자주 묻는 질문** <a href="#frequently-asked-questions" id="frequently-asked-questions"></a>

<details>

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

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

</details>

*업데이트 : 2026.07.06*

{% embed url="<https://ci.me/>" %}
