← 목록으로

Show GN: 쇼츠·릴스·틱톡 자막이 UI에 가리는지 한 번에 보는 도구

요약
  • 쇼츠, 릴스, 틱톡 등 여러 숏폼 플랫폼의 UI에 자막이 가리는지 업로드 전에 미리 확인하고 최적의 위치를 찾아주는 무료 웹 도구가 개발되었습니다.
  • 이미지나 영상을 불러오면 세 플랫폼의 미리보기를 동시에 띄워주며, 브라우저 내에서만 처리되어 개인 파일이 외부로 유출되지 않습니다.

본문 숏폼 하나를 쇼츠, 릴스, 틱톡에 같이 올리면 플랫폼마다 버튼과 설명 영역 위치가 달라서, 한 곳에서 괜찮던 자막이 다른 곳에서는 가리는 일이 생깁니다. 이걸 올리기 전에 확인하려고 만들었습니다.

이미지나 영상을 불러오면 세 플랫폼 미리보기에 동시에 띄웁니다. 파일은 브라우저 밖으로 나가지 않습니다(업로드 서버 자체가 없음).
자막 박스를 끌면 플랫폼마다 Safe / Warning / Overlap으로 판정하고, 무엇과 겹쳤는지 알려 줍니다.
"더 안전한 위치 찾기"를 누르면 크기는 그대로 두고 세 플랫폼 모두 겹치지 않는 가장 가까운 위치로 옮깁니다. 그런 위치가 없으면 이유를 알려 줍니다.
기준 영역마다 출처와 확인 날짜를 표시합니다. Reels·TikTok은 실기기 캡처로 직접 측정했고, Shorts는 아직 외부 측정값을 씁니다(직접 측정본은 검증 중).
한계도 있습니다. 기본 화면은 사용법을 익히는 데모 데이터이고, 실측 기준은 Data를 "Reference · Organic"으로 바꿔야 나옵니다. 앱 버전, 기기, 설명 길이에 따라 실제 UI는 달라질 수 있어서 "안전 보장"이 아니라 "기록된 영역 기준의 검사"입니다.

가입, 광고, 추적 스크립트 없이 무료입니다. Astro 정적 사이트이고 판정은 순수 TypeScript 계산입니다. 어떤 기기·앱 버전에서 다르게 보였는지 알려 주시면 측정 데이터를 보강하는 데 큰 도움이 됩니다.

https://shortformpreflight.dev/ko/

그냥 목록으로
원문 보기 ↗