크리에이터 · Free browser tool
TikTok & Shorts 세이프존 체커
TikTok·YouTube Shorts UI 오버레이를 미리 보고 캡션·CTA가 가려지지 않고 브랜드에 맞게 남도록 확인합니다.
Drag & drop a vertical screenshot
9:16 recommended · JPG, PNG, WebP · up to 20 MB
Platform overlay
Switch UI chrome to match where you publish.
Preview controls
Red bands mark high-collision UI. Keep titles, prices, and CTAs inside the dashed rectangle for TikTok.
Live safe-zone preview
TikTok · 9:16 canvas (360×640)
100% client-side · screenshots never leave your browser
Frequently Asked Questions
오버레이가 어떤 플랫폼을 다루나요?
TikTok, YouTube Shorts, Instagram Reels UI 크롬을 미리 볼 수 있습니다. 플랫폼마다 액션 레일 위치, 캡션 영역, 상단 내비게이션이 조금씩 다릅니다.
스크린샷은 어떤 비율이어야 하나요?
이 플랫폼들이 전체 화면 비디오를 렌더하는 방식에 맞춰 9:16 세로 스크린샷을 권장합니다. 미리보기 캔버스는 360×640(9:16)으로 고정되며, 다른 비율은 맞춰지도록 커버 크롭됩니다.
스크린샷이 어딘가로 업로드되나요?
아니요. 이미지는 브라우저에 직접 로드되어 HTML5 캔버스에 렌더됩니다. 서버로 전송되지 않으며, 최종 다운로드 내보내기를 포함해 모든 것이 기기에 남습니다.
점선 사각형과 그리드 선은 무슨 뜻인가요?
점선 사각형은 플랫폼 UI에 가장 덜 가려질 안전한 내부 영역을 표시합니다. 선택적 그리드 오버레이는 삼등분법과 중앙 크로스헤어를 더해,보내기 전에 얼굴·텍스트·핵심 비주얼을 정렬하는 데 도움이 됩니다.
함께 보면 좋은 도구
판매자, 크리에이터, 전문가를 위한 다른 무료 브라우저 유틸리티를 둘러보세요.
TikTok·Shorts·Reels 편집에서 세이프존이 중요한 이유
TikTok, YouTube Shorts, Instagram Reels는 각각 전체 화면 세로 비디오 위에 고정 UI를 올립니다. 오른쪽 좋아요·댓글 액션 레일, 하단 근처 캡션·사운드 바, 상단 내비게이션 크롬입니다. 캡션·상품 콜아웃·자막이 그 아래에 있으면 일부 또는 전체가 가려져 명확성·이해도·결국 시청 시간을 잃습니다.
세이프존은 기기·앱 버전을 넘어 플랫폼 UI에 가장 덜 가려질 프레임 내부 영역입니다. 이를 위해 설계한다는 것은 가장 중요한 시각 정보—얼굴·핵심 텍스트·CTA—를 가장자리에 붙이지 말고, 이 도구가 스크린샷 위에 그리는 점선 사각형 안에 두는 것입니다.
이 무료 TikTok & Shorts 세이프존 체커는 각 플랫폼의 대략적 UI 크롬을 HTML5 캔버스로 스크린샷 위에 브라우저에서만 렌더합니다. 오버레이 불투명도를 조절하고, 플랫폼을 전환하고, 선택적 삼등분 그리드로 피사체를 프레이밍한 뒤 세이프 체크된 참고 이미지를 내보내세요—업로드·계정·대기 없음.