방송 오버레이 메이커
로컬 디자인 전용: 고정 1920×1080 투명 HTML/CSS에 프레임, 라벨, 패널 최대 16개. 클릭 또는 선택기로 레이어를 선택해 위치, 크기, 제목, 텍스트, 색상, 테두리, 불투명도를 편집하세요. 새 레이어가 이전 레이어 위에 오며 텍스트는 상자에서 잘립니다. 드래그, 카메라/영상 캡처, 실시간 알림, 플랫폼 연결, 배포는 없습니다. 독립 HTML에는 스크립트나 외부 파일이 없습니다. 앱은 입력을 업로드하거나 저장하지 않으며 요청 시에만 다운로드합니다. PNG는 레이어를 투명한 1920×1080 Canvas에 직접 그리며 HTML 스크린샷이 아닙니다. Unicode 코드 포인트로 줄을 나누고 Tab은 공백 네 개로 바꿉니다. 줄바꿈 및 글꼴 배치는 HTML 미리보기와 다를 수 있습니다.
로컬 디자인 전용: 고정 1920×1080 투명 HTML/CSS에 프레임, 라벨, 패널 최대 16개. 클릭 또는 선택기로 레이어를 선택해 위치, 크기, 제목, 텍스트, 색상, 테두리, 불투명도를 편집하세요. 새 레이어가 이전 레이어 위에 오며 텍스트는 상자에서 잘립니다. 드래그, 카메라/영상 캡처, 실시간 알림, 플랫폼 연결, 배포는 없습니다. 독립 HTML에는 스크립트나 외부 파일이 없습니다. 앱은 입력을 업로드하거나 저장하지 않으며 요청 시에만 다운로드합니다.
너비 40–1920, 높이 40–1080, 글자 12–100, 테두리 0–20픽셀, 불투명도 0–100. 체크 무늬와 선택 테두리는 미리보기에만 보입니다. 미리보기는 축소되며 내보내기는 고정 픽셀 크기입니다.
PNG는 레이어를 투명한 1920×1080 Canvas에 직접 그리며 HTML 스크린샷이 아닙니다. Unicode 코드 포인트로 줄을 나누고 Tab은 공백 네 개로 바꿉니다. 줄바꿈 및 글꼴 배치는 HTML 미리보기와 다를 수 있습니다.
레이어를 추가하여 시작하세요.
사용 방법
사용 방법
- 프레임, 텍스트 라벨 또는 정보 패널을 추가하세요.
- 레이어를 선택해 위치, 텍스트, 외관을 편집하세요.
- 독립 HTML/CSS 오버레이를 다운로드하고 사용할 환경에서 확인하세요.
레이어 설정
로컬 디자인 전용: 고정 1920×1080 투명 HTML/CSS에 프레임, 라벨, 패널 최대 16개. 클릭 또는 선택기로 레이어를 선택해 위치, 크기, 제목, 텍스트, 색상, 테두리, 불투명도를 편집하세요. 새 레이어가 이전 레이어 위에 오며 텍스트는 상자에서 잘립니다. 드래그, 카메라/영상 캡처, 실시간 알림, 플랫폼 연결, 배포는 없습니다. 독립 HTML에는 스크립트나 외부 파일이 없습니다. 앱은 입력을 업로드하거나 저장하지 않으며 요청 시에만 다운로드합니다.
레이아웃 미리보기
너비 40–1920, 높이 40–1080, 글자 12–100, 테두리 0–20픽셀, 불투명도 0–100. 체크 무늬와 선택 테두리는 미리보기에만 보입니다. 미리보기는 축소되며 내보내기는 고정 픽셀 크기입니다.
투명 PNG 다운로드
PNG는 레이어를 투명한 1920×1080 Canvas에 직접 그리며 HTML 스크린샷이 아닙니다. Unicode 코드 포인트로 줄을 나누고 Tab은 공백 네 개로 바꿉니다. 줄바꿈 및 글꼴 배치는 HTML 미리보기와 다를 수 있습니다.
자주 묻는 질문
더 알아보기
실시간 알림이나 플랫폼 연결도 내보내나요?
아니요. 정적 레이아웃이며 실시간 콘텐츠, 플랫폼 연결, 배포 기능은 없습니다.
PNG는 어떻게 만들어지나요?
HTML 미리보기 캡처가 아니라 레이어를 투명한 1920×1080 캔버스에 그려 생성합니다.