Short-form Preflight브라우저 안에서만 처리

세이프존 수치가 서로 다른 이유

TikTok 세이프존을 세 군데에서 찾아보면 수치가 세 가지로 나옵니다. 대개 오타가 아니라 서로 다른 측정입니다. 무엇이 다른지 구분하는 법을 정리했습니다.

이 프로젝트의 실제 예

이 도구는 쓰던 TikTok 측정값을 판정에 더는 쓰지 않더라도 전부 기록으로 남겨 둡니다. 세 값 모두 1080 × 1920 프레임으로 환산했는데, 오른쪽 버튼 열이 어디서 시작하고 끝나는지가 서로 다릅니다.

TikTok 오른쪽 버튼 열, 세 가지 출처 (1080 × 1920 px)
출처왼쪽 경계아래
375 × 667 모바일 웹 플레이어를 잰 독립 측정x = 901y ≈ 809y ≈ 1757
또 다른 공개 측정(참고 기록으로 보관)x = 918y = 730y = 1536
직접 촬영(Galaxy S20 Ultra, TikTok 47.0.3)x = 936y = 1223y = 1920 (영상 끝)

지금 Safe / Warning / Overlap 판정에 쓰는 것은 직접 촬영뿐입니다. 나머지 두 값은 기록으로만 남기고, 직접 촬영 값과 평균하지 않습니다. 이유는 TikTok 가이드에 있습니다.

셋 중 "틀린" 것은 없습니다. 각자 조금씩 다른 질문에 답한 값입니다. 아래는 측정 방식의 선택이 무엇을 바꾸는지 설명합니다.

1. 화면 픽셀인가, 영상 픽셀인가

요즘 폰은 대부분 9:16보다 세로로 깁니다. 이런 폰에서 9:16 영상을 틀면 영상이 화면 전체를 채우지 않습니다. 앱이 영상을 9:16 창에 보여 주고, 남는 위아래 공간에 자기 UI를 둡니다.

Reels 촬영에서 스크린샷은 900 × 2000이었지만 영상 창은 위에서 148 px 내려온 곳부터 900 × 1601이었습니다. 상태바와 카메라 아이콘은 영상 위쪽 바깥에, 설명 텍스트와 댓글 입력창은 영상 아래쪽 바깥에 있었습니다. 그래서 여기서 Reels 영역은 실제로 영상에 겹치는 부분(버튼 열, 프로필·오디오 줄)만 담았습니다. TikTok 촬영에서는 상태바만 영상 바깥이었고, 위쪽 탭 줄은 영상 위에 겹쳐 그려졌습니다.

화면 맨 위부터 잰 안내는 영상 맨 위부터 잰 안내보다 가려지는 영역이 크게 나오고, 둘 다 자기 폰에서는 맞을 수 있습니다. 어느 쪽으로 쟀는지 밝히지 않은 안내는 수치를 그대로 가져다 쓰기 어렵습니다.

2. 웹 플레이어인가, 앱인가

공개된 수치 중에는 폰 앱이 아니라 모바일 크기의 웹 플레이어에서 잰 것도 있습니다. 웹 플레이어와 앱이 UI를 항상 같은 자리에 그리지는 않습니다. 표의 첫 번째 줄이 직접 촬영과 다른 이유 중 하나로 보입니다.

3. 어떤 화면 상태를 쟀는가

같은 앱도 화면에 무엇이 떠 있느냐에 따라 UI가 달라집니다. 이 프로젝트에서 검토한 TikTok 스크린샷 19장 중 평범한 추천 피드는 5장뿐이었습니다. 나머지에는 검색 결과, 광고 표시, 이벤트 배지, 고정 댓글, 사진 캐러셀, 일시정지 버튼, 펼친 설명이 있었습니다. Reels 스크린샷 15장 중 평범한 단일 릴스는 9장이었고, 나머지에는 컬렉션·해시태그 헤더, 캐러셀 배지, 미리보기 버튼이 있었습니다.

이런 상태마다 UI가 옮겨지거나 늘어납니다. 한 상태에서 잰 수치를 다른 상태에 그대로 쓸 수는 없습니다. 가장 흔한 예가 설명 길이입니다. 설명이 길수록 아래쪽을 더 차지합니다.

4. 무엇을 "영역"으로 보는가

보이는 아이콘의 윤곽을 재는 안내가 있고, 그보다 넓은 터치 영역을 재는 안내가 있습니다. 가장자리마다 여백 띠를 주는 안내도 있고, 넉넉하게 여유를 더하는 안내도 있습니다. 이 도구의 Shorts 기준은 여백 띠 방식입니다. 버튼 윤곽이 아니라 띠 네 개입니다. 같은 화면을 재도 상자를 그리는 방식이 다르면 수치가 달라집니다.

5. 언제 쟀는가

앱은 업데이트 때 버튼 배치를 바꿉니다. 앱 버전이나 날짜가 없는 수치는 이미 바뀐 레이아웃일 수 있습니다. 이 도구의 모든 영역에는 출처와 날짜가 붙어 있습니다. 직접 촬영은 촬영일이고, 공개 측정은 그 출처가 밝힌 날짜입니다.

세이프존 안내를 읽는 법

이 중 하나도 답하지 않는 안내라면 대략적인 출발점으로만 쓰고, 내 영상을 폰으로 직접 확인하세요.

이 도구가 하는 일

Safe / Warning / Overlap 판정과 더 안전한 위치 찾기에는 current로 표시된 근거만 씁니다. 출처끼리 평균하거나 합치지 않습니다. 미리보기마다 영역의 출처, 측정의 신뢰도, 다루지 못하는 부분을 보여 줍니다. 모든 영역의 수치는 플랫폼 가이드에 있습니다.