배너는 픽셀로 재며 가로×세로로 씁니다. 300×250은 가로 300픽셀, 세로 250픽셀 배너라는 뜻이에요. 거의 모든 플랫폼이 쓰는 크기를 IAB 크기라고 부르는데, 그 협회가 표준으로 발표했기 때문입니다. 이 크기들을 알면 아무도 게재할 수 없는 조각을 요청하는 일을 피할 수 있어요.
크기가 많은 이유
각 크기는 다른 종류의 자리에 맞습니다. 넓은 상단 띠, 키가 큰 측면 열, 본문 안의 사각형, 모바일의 고정 띠 등. 자리를 구매하는 쪽이 노출 위치에 따라 크기를 고르기 때문에, 캠페인은 대개 한 가지 크기만 쓰지 않아요.
표준 14개 크기
| 크기 | IAB 이름 | 형태 | 일반적인 용도 |
|---|---|---|---|
| 300×250 | Medium Rectangle | 사각형 | 본문 안과 측면 막대 |
| 336×280 | Large Rectangle | 사각형 | 본문 안, 조금 더 큰 크기 |
| 728×90 | Leaderboard | 가로 | 데스크톱 페이지 상단 |
| 970×90 | Large Leaderboard | 가로 | 상단, 전체 너비 |
| 970×250 | Billboard | 가로 | 상단, 강한 임팩트 |
| 468×60 | Full Banner | 가로 | 클래식 형식, 요즘은 덜 씀 |
| 160×600 | Wide Skyscraper | 세로 | 측면 열 |
| 120×600 | Skyscraper | 세로 | 좁은 측면 열 |
| 300×600 | Half Page | 세로 | 측면 열, 강한 임팩트 |
| 320×50 | Mobile Leaderboard | 가로 | 모바일 고정 띠 |
| 320×100 | Large Mobile Banner | 가로 | 모바일 고정 띠, 더 높음 |
| 250×250 | Square | 정사각형 | 본문 안과 측면 막대 |
| 200×200 | Small Square | 정사각형 | 작은 자리 |
| 580×400 | Netboard | 사각형 | 본문 안, 큰 형식 |
BannerMotion에서는 이 14개 크기 중에서 고르거나(또는 300x250처럼 쓴 직접 크기를 추가할 수 있어요), 컨셉 하나에 크기를 총 12개까지 담을 수 있습니다.
먼저 만들 크기
어디서부터 시작해야 한다면 합리적인 선택은 300×250, 728×90, 160×600, 320×50입니다. 사각형, 가로 띠, 세로 열, 모바일 띠. 이 네 가지로 가장 흔한 네 가지 자리 유형을 모두 덮어요. BannerMotion이 새 배너를 만들 때 기본으로 선택해 두는 조합이기도 합니다.
그다음에는 미디어 구매 예산에 따라 늘리세요. 큰 형식에 예산이 있으면 300×600과 970×250을 더하고, 트래픽이 주로 모바일이라면 320×100을 더합니다.
하나의 아이디어, 여러 형식
디자인을 늘리는 것과 맞추는 것은 다릅니다. 300×250 배너를 728×90으로 늘리면 헤드라인이 작아지고 빈 공간이 남아요. 맞춘다는 것은 무엇을 어디에 둘지 다시 정하는 것입니다. 가로 띠에서는 이미지를 한쪽에, 버튼을 오른쪽에 두는 경우가 많고, 세로 열에서는 모든 것을 차례로 쌓습니다.
- 가장 어려운 크기(보통 가장 작거나 가장 극단적인 것)부터 시작하세요. 거기서 메시지가 들어가면 다른 크기에서도 들어갑니다.
- 모든 크기에 같은 요소를 유지하세요: 로고, 헤드라인, 버튼.
- 모든 요소를 줄이지 말고 각 형태에 맞게 다시 배치하세요.
- 크기마다 따로 검토하세요. 해당 언어에서 가장 긴 문구를 넣어서.
작은 크기의 텍스트와 버튼
320×50이나 468×60에는 여백이 거의 없어요. 짧은 헤드라인, 로고, 버튼 하나. 간단한 규칙: 배너 하나에 메시지 하나, 실제 크기에서 힘들이지 않고 읽히는 텍스트, 모바일에서 손가락으로 누르기 충분한 버튼 영역. 그래도 안 들어간다면 보통 문제는 크기가 아니라 메시지가 너무 길다는 것입니다.
크기별 용량
각 조각에는 자체 용량 제한이 있습니다. 큰 크기(970×250, 300×600)는 더 큰 이미지를 쓰기 때문에 용량이 많이 나가는 경향이 있고, 레티나 화면을 위해 두 배 해상도 이미지를 쓰면 용량이 두 배가 됩니다. 전체가 아니라 각 .zip을 따로 재세요.
표준 배너 너머
고정 크기 말고도 다르게 동작하는 형식이 있습니다. 리치 미디어는 상호작용이나 동영상이 있는 광고를 포함하고, 확장형은 누군가 상호작용하면 페이지 위로 커지며, 전면 광고는 두 콘텐츠 사이에서 화면 전체를 차지합니다. 사이트와 플랫폼의 지원이 필요하고, 보통 용량이 더 크며 자체 규칙이 있으니 만들기 전에 확인하세요.
확인 날짜: [날짜 대기 중]. 표의 크기는 IAB가 발표한 것이며, 영문 이름이 공식 명칭입니다.