JavaScript 없는 기본값
이 기본값은 대화형 계산기가 사용하는 값과 같습니다. JavaScript가 차단되면 한 행을 그대로 OBS에 복사하세요.
각 행은 브라우저 소스가 캔버스와 같다고 가정합니다. 가사 영역은 캔버스에서 사방으로 여백을 뺀 범위이므로, 여백이 클수록 읽을 수 있는 영역은 작아집니다.
| 캔버스 | 소스 | 가사 영역 | 글꼴 | 앵커 |
|---|---|---|---|---|
| 1920×1080 | 1920×1080 | 1760×920 | 32–48px | bottom-center |
| 1080×1920 | 1080×1920 | 920×1760 | 36–56px | bottom-center |
| 1080×1080 | 1080×1080 | 952×952 | 32–48px | bottom-center |
소스를 캔버스에 맞추기
가장 흔한 크기 실수는 하나의 브라우저 소스를 1920×1080과 1080×1920 사이에서 늘리는 것입니다. 그러면 앵커가 이동하고 가사가 플랫폼 UI로 잘려 들어갑니다. 소스를 확대·축소하지 말고 방향마다 새로 만드세요.
글꼴은 9개 앵커에 걸쳐 12–96px 범위에 있습니다. 좁은 세로 캔버스에서는 큰 글자가 먼저 넘치므로, 세로 기본값은 가로보다 작게 시작합니다.
가리지 말 것
카메라, 악기, 댓글, 선물, 알림, 자막, 플랫폼 컨트롤은 가사를 놓기 전에 남겨 두세요. 먼저 이 구역을 표시한 다음 남은 공간에 가사 영역을 넣으세요.
휴대폰 우선 장면에서는 하단 3분의 1이 보통 댓글과 선물에 쓰입니다. 그래서 세로 기본값이 가로보다 앵커가 더 위에 있습니다.
계산은 로컬에서만
이 계산기는 캔버스 크기나 Overlay URL을 절대 업로드하지 않습니다. 브라우저에서 처방을 계산하고 새로 고침하면 잊습니다.
너비, 높이, 글꼴, 앵커만 OBS에 복사하세요. Overlay URL 자체는 이 도구의 스크린샷이 아니라 브라우저 소스 입력란에 넣어야 합니다.
도구 사용
1920×1080 → 소스 1920×1080, 글꼴 32–48px, 앵커 bottom-center. 1080×1920 → 소스 1080×1920, 글꼴 36–56px, 앵커 bottom-center.
단계별 설정
- 01캔버스 고르기
1920×1080, 1080×1920 또는 OBS 출력과 맞는 사용자 크기를 고르세요.
- 02여백 설정
가장 긴 가사 줄이 가장자리에 닿지 않도록 공간을 남기세요.
- 03소스와 영역 읽기
소스는 캔버스와 같고, 영역은 캔버스에서 여백을 뺀 값입니다.
- 04소스 크기를 OBS에 복사
Overlay 배경을 투명하게 유지하고 방향 사이에서 크기를 조정하지 마세요.
자주 묻는 질문
브라우저 소스가 캔버스와 같아야 하나요?
네. 너비와 높이가 같아야 앵커가 예측 가능합니다.
제 Overlay URL을 업로드하나요?
아니요. 계산은 로컬이며 서버로 전송되는 것은 없습니다.
가로와 세로에 소스 하나를 재사용할 수 있나요?
아니요. 늘리지 말고 방향마다 소스를 새로 만드세요.