지금 읽는 곳스토리·릴스 화면에서 실제로 무엇이 콘텐츠를 가리나목차
STEP 2 중급·실무 › 2-1. 빅테크 미디어 믹스·광고 집행 › 과목 48 › 레슨 03
세로형 영상 자막 UX/UI 가이드: 프로필 아이콘, 하트, 댓글 탭, 하단 카피 문구에 가려지지 않는 '광고 안전 구역' 레이아웃
자막을 완벽하게 써놓고도 프로필 아이콘이나 좋아요 버튼에 절반이 가려 못 읽히는 경우가 세로형 지면에서는 흔하게 벌어집니다.
핵심요약
- 메타 광고의 안전 영역 기준은 이미지·영상 중심 66% 범위 안에 핵심 콘텐츠를 배치하는 것이다
- 스토리는 상단·하단 UI 요소 때문에, 릴스는 여기에 댓글창·오디오 배지까지 겹쳐 하단 여백이 더 넓게 필요하다
- 정확한 픽셀 기준은 출처마다 다소 차이가 있어, 제작 전 광고 관리자 미리보기로 직접 확인하는 것이 가장 정확하다
- 2026년 3월부터 스토리·릴스 안전 영역이 하나의 기준으로 통일됐다
- 자막은 화면 하단 카피 문구·CTA 버튼 영역을 피해 중앙~중상단에 배치하는 것이 안전하다
스토리·릴스 화면에서 실제로 무엇이 콘텐츠를 가리나
세로형 지면은 화면 전체를 채우는 대신, 그 위에 플랫폼 UI 요소가 겹쳐서 표시됩니다. 상단에는 프로필 아이콘과 계정명, 진행 바가 있고, 하단에는 좋아요(하트)·댓글 탭·공유 아이콘, 그리고 광고라면 추가로 CTA 버튼과 '스폰서드' 라벨까지 얹힙니다. 릴스는 여기에 오디오 트랙 배지와 캡션 입력창까지 겹치기 때문에, 스토리보다 가려지는 영역이 구조적으로 더 넓습니다.
문제는 이 UI 요소들이 소재 제작 단계의 편집 화면에서는 보이지 않는다는 점입니다. 편집 툴에서는 깨끗한 9:16 영상만 보이기 때문에, 실제 앱에서 어떻게 겹쳐 보이는지 확인하지 않은 채 카피를 화면 가장자리에 붙여 넣으면 배포 후에야 잘림을 발견하게 됩니다.
기기별 화면 비율 차이도 변수입니다. 실제 스마트폰 화면 비율은 기종마다 조금씩 다르고, 노치·펀치홀 카메라 위치도 제각각이라 동일한 9:16 소재라도 기기에 따라 UI 요소가 겹치는 정도가 미세하게 달라질 수 있습니다. 그래서 하나의 기기에서만 확인하고 안전하다고 판단하기보다, 최소한 안드로이드·iOS 각각 한 기종씩은 실제 화면으로 확인하는 습관이 필요합니다.
안전 영역 기준 픽셀은 어디까지 확정된 수치인가
메타가 공식적으로 안내하는 기준은 '이미지·영상 중심 66% 범위 안에 핵심 콘텐츠를 배치하라'는 것입니다. 4:5 피드 규격 기준으로는 상단 약 250px(14%), 하단 약 340px(20%) 여백이 필요하다는 구체 수치가 안내되어 있습니다. 9:16 스토리·릴스는 이보다 상하 여백을 더 크게 잡아야 한다는 방향성은 확실하지만, 정확한 픽셀 수치는 자료마다 조금씩 다르게 제시됩니다.
일부 자료는 스토리의 경우 오가닉 기준 상단 약 250px·하단 약 250px, 광고는 CTA 버튼이 추가되므로 하단 약 340px을 안전 영역 여백으로 제시합니다. 이 수치는 메타의 정식 발표라기보다 여러 대행사·툴 업체가 정리한 2차 자료이므로, 참고 기준으로는 유용하지만 절대값으로 못 박아 쓰기보다는 아래 '제작 전 실제로 확인하는 방법'과 함께 쓰는 것이 안전합니다.
실무에서는 이 수치를 '절대 넘으면 안 되는 선'이 아니라 '보수적으로 잡아두는 여유분'으로 취급하는 편이 낫습니다. 픽셀 수치가 정확히 맞는지 논쟁하기보다, 핵심 카피는 안전하게 화면 중앙에 몰아두고 여백을 넉넉히 남기는 쪽으로 설계 방향을 잡으면 어떤 기준을 적용해도 크게 어긋나지 않습니다.
스토리와 릴스 하단 여백이 다른 이유
스토리는 하단에 답장 입력창과 스와이프업 영역 정도만 겹치는 반면, 릴스는 댓글창·좋아요·오디오 배지가 함께 겹치는 구조라 하단 위험 구역이 훨씬 넓게 잡힙니다. 한 자료는 릴스의 하단 위험 구역을 약 450px(전체 세로 길이의 23.4%)로 제시하는데, 이는 같은 자료가 제시하는 스토리 하단 여백(약 20%)의 거의 두 배 수준입니다. 두 지면이 같은 9:16 규격을 쓴다는 이유로 안전 영역까지 동일하다고 가정하면, 릴스에서 하단 카피가 잘리는 사고가 반복될 수 있습니다.
2026년 3월 통합 이후 뭐가 바뀌었나
메타는 2026년 3월부터 페이스북 스토리·페이스북 릴스·인스타그램 스토리·인스타그램 릴스 전체에 통일된 안전 영역 기준을 적용하기 시작했다고 공식 안내했습니다. 이 시점부터 메타는 정사각형(1:1) 포맷보다 4:5·9:16 같은 세로형 비율을 권장하는 방향으로 안내를 조정했습니다. 통일 이전에 만들어진 구버전 세이프존 가이드(스토리·릴스를 완전히 별도로 다루는 자료)는 최신 기준과 어긋날 수 있으므로, 오래된 템플릿을 그대로 재사용하고 있다면 최신 기준으로 다시 점검할 필요가 있습니다.
자막·카피는 어디에 배치해야 안전한가
실무적으로는 화면을 세 구간(상단 UI존 · 중앙 콘텐츠존 · 하단 UI존)으로 나눠, 핵심 카피·로고·CTA 유도 텍스트는 전부 중앙 콘텐츠존에 몰아 배치하는 것이 가장 안전한 원칙입니다. 특히 릴스는 하단 UI존이 넓으므로, 자막을 화면 하단 3분의 1 지점보다 아래에 배치하지 않는 것을 기본 규칙으로 삼는 편이 안전합니다. 상단도 프로필 아이콘·계정명이 겹치는 구간이라, 브랜드 로고를 상단 정중앙에 크게 배치하면 잘릴 위험이 있습니다.
자막 폰트 크기와 배경 대비도 함께 점검해야 합니다. 안전 구역 안에 배치했더라도 글자가 작거나 영상 배경과 색상 대비가 약하면 스크롤하며 지나가는 시청자에게는 사실상 안 보이는 것과 같습니다. 자막 배경에 반투명 박스를 깔거나 외곽선을 두껍게 넣는 식으로 어떤 배경 위에서도 읽히도록 만드는 처리가, 안전 구역 배치와 함께 반드시 따라와야 완성됩니다.