광고 이미지 규격 — 안전 영역과 글자 비중

광고에 올릴 이미지가 잘리거나 되돌아오는 자리는 대개 비율이 아니라 가장자리 여백 · 글자가 덮는 넓이 · 글자 높이 세 가지입니다. 가장자리에서 짧은 변의 10% 를 비우고, 글자를 화면 넓이의 20% 안쪽으로 잡고, 글자 높이를 짧은 변의 20분의 1 이상으로 두면 대부분의 자리에서 잘리지 않고 읽힙니다. 아래 표를 그대로 보고 작업해도 됩니다.

안전 영역은 어디까지 비워 두나요

안전 영역 — 화면 가장자리에서 안쪽으로 잡아 두는 여백입니다. 이 밖으로 나간 글자는 계정 이름·버튼·더보기 같은 화면 요소에 가려지거나, 자리 비율에 맞춰 잘려 나갑니다. 여백은 픽셀이 아니라 짧은 변의 비율로 잡습니다. 같은 광고 소재를 크기만 바꿔 여러 벌 만들 때 계산이 한 번으로 끝납니다.

자리 모양	비워 둘 폭	그 안에 두지 않을 것
정사각	한 변의 8~10%	문구 · 로고 · 가격
가로로 긴 모양	짧은 변의 8~10%	문구 · 로고
세로로 긴 모양	위 12~15% · 아래 15~20%	문구 · 로고 · 버튼 그림

세로로 긴 자리만 위아래를 더 비웁니다. 위에는 이름과 시간이, 아래에는 누르는 버튼이 겹쳐 올라오는 자리가 많기 때문입니다. 겹치는 높이는 채널마다 다르므로 올리기 전에 그 채널의 안내를 한 번 확인합니다.

로고도 같은 기준으로 놓습니다. 로고 높이는 짧은 변의 10~12% 로 두고, 안전 영역 선에서 로고 높이의 절반만큼 더 안쪽에 놓습니다. 모서리에 바짝 붙이면 자리에 따라 잘리거나 화면 요소와 겹쳐 두 개가 포개진 것처럼 보입니다.

글자는 화면의 몇 %까지 넣나요

글자가 화면을 많이 덮으면 두 가지가 함께 일어납니다. 작은 화면에서 제품이 안 보이고, 글자가 많은 소재를 덜 내보내는 자리에서는 같은 예산으로 도달이 줄어듭니다. 화면을 가로 5칸·세로 5칸으로 나눈 25칸을 떠올리고, 글자가 들어간 칸이 5칸을 넘지 않게 잡으면 20% 입니다.

넣는 내용	글자가 덮는 넓이	글자 수
한 줄 문구만	10~15%	12~16자
문구 + 부가 한 줄	15~20%	25자 안쪽
문구 + 가격이나 기간	20% 안팎	30자 안쪽
설명을 여러 줄	소재에 넣지 않음	누른 뒤 화면으로

배경을 어둡게 덮고 그 위에 글자를 얹으면 읽히기는 하지만, 덮은 넓이도 글자가 차지한 것으로 셉니다. 제품이 보이는 면적이 그만큼 줄기 때문입니다.

넣고 싶은 말이 더 있으면 글자를 작게 만드는 대신 문장을 옮깁니다. 소재에는 한 줄만 남기고 나머지는 누른 뒤 화면에 적습니다. 소재에서 읽히지 않은 문장은 어차피 전달되지 않습니다.

글자 높이는 얼마부터 읽히나요

기준은 짧은 변을 20으로 나눈 값입니다. 짧은 변이 1,080px 이면 글자 높이 54px 이 최소입니다. 여기서 말하는 높이는 글꼴 크기가 아니라 화면에서 실제로 차지하는 획의 높이입니다 — 같은 글꼴 크기라도 얇은 굵기는 더 작아 보입니다.

부가 문구는 짧은 변을 30으로 나눈 값까지 내려도 됩니다. 그보다 작으면 손바닥만 한 화면에서 형태만 보이고 뜻이 안 읽힙니다. 숫자·단위·기간처럼 틀리면 안 되는 값은 본 문구와 같은 높이로 둡니다.

글꼴 굵기도 함께 봅니다. 획이 가는 글꼴은 같은 높이라도 작은 화면에서 먼저 흐려집니다. 본 문구에 굵은 쪽 하나, 부가 문구에 보통 굵기 하나로 묶어 두면 소재마다 읽히는 정도가 들쭉날쭉해지지 않습니다.

크기가 바뀌면 어떻게 다시 재나요

소재 크기가 바뀌어도 다시 재는 값은 짧은 변 하나입니다. 짧은 변에 0.1 을 곱하면 비워 둘 폭이 나오고, 20으로 나누면 글자 높이의 최소가 나옵니다. 자주 쓰는 크기 몇 개는 미리 계산해 적어 두면 소재마다 다시 재지 않아도 됩니다.

소재 크기	짧은 변	비워 둘 폭	글자 높이 최소
1080 × 1080	1,080px	108px	54px
1080 × 1350	1,080px	108px	54px
1080 × 1920	1,080px	위 130px · 아래 190px	54px
1200 × 628	628px	63px	31px

가로로 긴 소재는 짧은 변이 작아 글자 높이 기준도 함께 내려갑니다. 그래서 같은 문구를 넣으면 화면을 더 많이 덮습니다. 가로 소재에는 문구를 한 줄로 줄이고 부가 설명은 뺍니다.

값이 어긋나면 무엇이 깨지나요

증상	원인	고치는 법
문구 끝이 잘려 나감	글자가 안전 영역 밖에 있음	글자 상자를 짧은 변의 10% 안쪽으로
로고가 모서리에서 잘림	모서리에 붙여 둠	로고 높이만큼 바깥에 여백을 둠
작은 화면에서 안 읽힘	글자 높이가 짧은 변의 20분의 1 미만	문구를 줄이고 남은 글자를 키움
심사에서 되돌아옴	글자가 화면을 많이 덮음	문장을 누른 뒤 화면으로 옮김
자리마다 다르게 잘림	한 벌로 여러 비율에 씀	비율별로 여백만 다시 잡아 저장

올리기 전에 어떻게 확인하나요

확인은 세 번이면 끝납니다. 셋 다 파일을 고치지 않고 화면에서만 합니다.

• 25% 로 줄여 봅니다 — 목록에서 스쳐 지나갈 때의 크기입니다. 이때 안 읽히는 문구는 뺍니다.
• 흑백으로 바꿔 봅니다 — 글자와 배경의 밝기 차가 모자라면 색을 빼는 순간 글자가 사라집니다.
• 여백 선을 얹어 봅니다 — 짧은 변의 10% 자리에 선을 긋고, 선 밖에 걸친 요소를 안쪽으로 옮깁니다.

여백 선은 한 번 만들어 두고 소재마다 복사해 씁니다. 비율이 다른 소재도 짧은 변만 다시 재면 그대로 쓸 수 있습니다.

오늘 할 일

지금 돌고 있는 광고 소재 한 장을 열어 짧은 변의 10% 자리에 선을 긋고, 선 밖에 걸친 글자와 로고를 안쪽으로 옮깁니다. 그다음 25% 로 줄여 보고 안 읽히는 문구를 지웁니다. 한 장에 20분이면 끝나고, 그 파일이 다음 소재의 바탕이 됩니다.