첫 캠페인 만들기
가이드

배너 크기 설명

각 크기가 무엇을 뜻하는지, 어떤 크기를 먼저 만들지, 같은 아이디어를 여러 형식으로 옮기는 방법.

[저자][날짜]읽는 데 3분
요약. 얻을 수 있는 것: 먼저 만들 IAB 크기를 고르고, 하나의 아이디어를 모든 크기에 맞추는 법. 필요한 것: 캠페인이 게재될 사이트나 플랫폼 파악. 대상: 기획하거나 디자인하거나 배너를 요청하는 분.

배너는 픽셀로 재며 가로×세로로 씁니다. 300×250은 가로 300픽셀, 세로 250픽셀 배너라는 뜻이에요. 거의 모든 플랫폼이 쓰는 크기를 IAB 크기라고 부르는데, 그 협회가 표준으로 발표했기 때문입니다. 이 크기들을 알면 아무도 게재할 수 없는 조각을 요청하는 일을 피할 수 있어요.

크기가 많은 이유

각 크기는 다른 종류의 자리에 맞습니다. 넓은 상단 띠, 키가 큰 측면 열, 본문 안의 사각형, 모바일의 고정 띠 등. 자리를 구매하는 쪽이 노출 위치에 따라 크기를 고르기 때문에, 캠페인은 대개 한 가지 크기만 쓰지 않아요.

표준 14개 크기

크기IAB 이름형태일반적인 용도
300×250Medium Rectangle사각형본문 안과 측면 막대
336×280Large Rectangle사각형본문 안, 조금 더 큰 크기
728×90Leaderboard가로데스크톱 페이지 상단
970×90Large Leaderboard가로상단, 전체 너비
970×250Billboard가로상단, 강한 임팩트
468×60Full Banner가로클래식 형식, 요즘은 덜 씀
160×600Wide Skyscraper세로측면 열
120×600Skyscraper세로좁은 측면 열
300×600Half Page세로측면 열, 강한 임팩트
320×50Mobile Leaderboard가로모바일 고정 띠
320×100Large Mobile Banner가로모바일 고정 띠, 더 높음
250×250Square정사각형본문 안과 측면 막대
200×200Small Square정사각형작은 자리
580×400Netboard사각형본문 안, 큰 형식
IAB에서 흔히 쓰는 크기. “형태”와 “일반적인 용도”는 참고용입니다. 각 사이트가 어떤 자리를 제공할지는 사이트가 정합니다.

BannerMotion에서는 이 14개 크기 중에서 고르거나(또는 300x250처럼 쓴 직접 크기를 추가할 수 있어요), 컨셉 하나에 크기를 총 12개까지 담을 수 있습니다.

먼저 만들 크기

어디서부터 시작해야 한다면 합리적인 선택은 300×250, 728×90, 160×600, 320×50입니다. 사각형, 가로 띠, 세로 열, 모바일 띠. 이 네 가지로 가장 흔한 네 가지 자리 유형을 모두 덮어요. BannerMotion이 새 배너를 만들 때 기본으로 선택해 두는 조합이기도 합니다.

그다음에는 미디어 구매 예산에 따라 늘리세요. 큰 형식에 예산이 있으면 300×600과 970×250을 더하고, 트래픽이 주로 모바일이라면 320×100을 더합니다.

하나의 아이디어, 여러 형식

디자인을 늘리는 것과 맞추는 것은 다릅니다. 300×250 배너를 728×90으로 늘리면 헤드라인이 작아지고 빈 공간이 남아요. 맞춘다는 것은 무엇을 어디에 둘지 다시 정하는 것입니다. 가로 띠에서는 이미지를 한쪽에, 버튼을 오른쪽에 두는 경우가 많고, 세로 열에서는 모든 것을 차례로 쌓습니다.

  1. 가장 어려운 크기(보통 가장 작거나 가장 극단적인 것)부터 시작하세요. 거기서 메시지가 들어가면 다른 크기에서도 들어갑니다.
  2. 모든 크기에 같은 요소를 유지하세요: 로고, 헤드라인, 버튼.
  3. 모든 요소를 줄이지 말고 각 형태에 맞게 다시 배치하세요.
  4. 크기마다 따로 검토하세요. 해당 언어에서 가장 긴 문구를 넣어서.
BannerMotion에서. AI가 새 크기마다 컨셉을 맞추고 브라우저에서 검토합니다. 이미 만든 컨셉에 크기를 추가하는 비용은 Sonnet 5.5 기준 새 크기당 3 크레딧에, 이미 있는 크기 4개마다 1 크레딧이 더해집니다(크기 6개짜리 배너에 새 크기 1개: Haiku 5.5 3 크레딧, Sonnet 5.5 5 크레딧, Opus 5.5 10 크레딧 및 Fable 5.1 25 크레딧). 컨셉을 처음부터 생성하는 비용은 Sonnet 5.5 기준 10 크레딧부터이며(기본 모델, 크기 1개와 언어 1개), 크기와 언어가 늘수록 올라갑니다. 크기 5개이면 16 크레딧입니다.

작은 크기의 텍스트와 버튼

320×50이나 468×60에는 여백이 거의 없어요. 짧은 헤드라인, 로고, 버튼 하나. 간단한 규칙: 배너 하나에 메시지 하나, 실제 크기에서 힘들이지 않고 읽히는 텍스트, 모바일에서 손가락으로 누르기 충분한 버튼 영역. 그래도 안 들어간다면 보통 문제는 크기가 아니라 메시지가 너무 길다는 것입니다.

크기별 용량

각 조각에는 자체 용량 제한이 있습니다. 큰 크기(970×250, 300×600)는 더 큰 이미지를 쓰기 때문에 용량이 많이 나가는 경향이 있고, 레티나 화면을 위해 두 배 해상도 이미지를 쓰면 용량이 두 배가 됩니다. 전체가 아니라 각 .zip을 따로 재세요.

표준 배너 너머

고정 크기 말고도 다르게 동작하는 형식이 있습니다. 리치 미디어는 상호작용이나 동영상이 있는 광고를 포함하고, 확장형은 누군가 상호작용하면 페이지 위로 커지며, 전면 광고는 두 콘텐츠 사이에서 화면 전체를 차지합니다. 사이트와 플랫폼의 지원이 필요하고, 보통 용량이 더 크며 자체 규칙이 있으니 만들기 전에 확인하세요.

확인 날짜: [날짜 대기 중]. 표의 크기는 IAB가 발표한 것이며, 영문 이름이 공식 명칭입니다.

[저자 이름][역할과 저자에 대한 한 문장.]

이 가이드의 용어

IAB배너 용량레티나리치 미디어확장형 배너전면 광고

다음 읽을거리

가이드HTML5 배너를 애드 서버에 맞게 준비하는 방법읽기자료배너 크기: 형식별 페이지읽기튜토리얼크기 추가읽기

BannerMotion은 검증된 용량과 clickTag를 포함해 모든 피스를 내보내요.

실제 캠페인으로 한번 해 보세요.

내 첫 캠페인 만들기요금 보기