<!-- TStar documentation · ko · canonical HTML: https://tstar.stream/ko/docs/overlay-layout -->

# 오버레이 크기와 레이아웃 가이드

오버레이는 TikTok LIVE Studio에서 설정한 프레임에 맞춰 비율을 유지한 채 자동으로 채워집니다 — 하지만 그렇다고 크기를 아무렇게나 정해도 된다는 뜻은 아닙니다. 아래 "권장 크기"는 이 게임이 자신의 내용을 온전히 그려내는 데 필요한 **최소 캔버스**입니다. 작게 설정하면 축소되면서 내용도 함께 줄어들고, 넘치는 부분은 실제 방송 화면에서 잘려나갑니다(예: 채팅 투표는 4개 선택지를 다 그리려면 820×440이 필요합니다). 반드시 권장 크기에 맞춰 브라우저 소스의 가로/세로를 설정하세요. 여러 게임 모드를 한 화면에 겹쳐서 배치하고 싶다면 이 표를 기준으로 상대적인 크기를 잡으면 됩니다.

| 위젯 | 권장 크기 |
|---|---|
| PK 대결 바 | 1080×1920 |
| 데스매치 PK | 1080×1920 |
| 선물 응원판 | 640×720 |
| 프리 스테이지 | 460×180 |
| 행운 / 벌칙 룰렛 | 520×660 |
| 행운 주사위 | 520×660 |
| 카드 뒤집기 | 520×660 |
| 오미쿠지 | 520×660 |
| 행운의 추첨기 | 520×660 |
| 채팅 투표 | 820×440 |
| 신청곡 | 560×360 |
| 이번 라운드 기여 랭킹 | 300×600 |
| 멤버 개인 순위 | 280×520 |
| 좋아요 랭킹 | 480×960 |
| 럭키팬 | 380×280 |
| 상호작용 목표 | 260×360 |
| 아바타 프레임(전시용) | 960×440 |
| 슬롯머신 | 440×440 |
| 낚시 | 440×440 |
| 인형뽑기 | 440×440 |
| 빙고볼 | 440×560 |
| 핀볼 | 480×640 |
| 타이머 | 600×200 |
| 궁합 운세 | 520×600 |
| 모노폴리 보드 | 800×1080 |
| 미스터리 박스 | 420×480 |
| 추첨 라운드 | 420×380 |

표의 상호작용 목표 크기는 카드 2개를 세로로 배치한 경우입니다. 세로 3개·4개는 260×494·260×628, 가로 2개·3개·4개는 480×200·712×200·944×200입니다. 배치나 표시 카드 수를 바꾸면 LIVE Studio 소스 크기도 변경하세요. [상호작용 위젯](/docs/interactive-widgets)을 참고하세요.
