두산 매거진 광고 제작 가이드

VOGUE Mobile

<공통 가이드>

* 배경이 흰색일 경우 가로, 세로 1px 테두리가 필수(테두리 색상 : #d2d2d2)

* 모바일 이미지 소재의 경우 레티나 디스플레이 해상도를 고려하여 동일한 이미지로 구성된 두개 사이즈(x1, x2)로 전달 필수, 사용자의 모바일 기기 해상도에 따라 자동으로 리사이징되어 최적화되어 보여짐

* JPG, GIF, MOV, AVI, MP4 외 포맷일 경우 별도의 특수 소재 가이드 참고 필수(ex : 3rd party serving, HTML5)

* 소재는 영업일 기준 라이브 5일 전까지 전달 필수

* 모든 제작물은 자체 검토 후 Tone & Manner와 기준에 맞지 않을 경우 수정 요청할 수 있음

* 노출태그 추가 요청 시 사전 협의 필요

<특수 배너 공통 가이드>

* 특수 배너란? 3rd party AD Serving Tag, HTML5 파일 소재로 전달되는 배너 형태

* 영업일 기준 라이브 10일 전까지 전달 필수

* 모든 특수 소재는 백업 이미지 소재 함께 전달 필수

* 영업일 기준 D-1까지 소재 수정이 되지 않거나, 사이트와 충돌되는 이슈로 세팅 완료되지 않을 시 이미지로 대체하여 진행됨

* 지정된 배너 사이즈와 위치를 벗어나는 확장형 배너는 적용 불가

* 애니메이션 삽입 시 플레이 타임 최대 15초, 사운드 삽입 불가

* 가이드에 제시된 포맷과 기능을 벗어난 형태의 광고는 부킹 시 가능 여부 확인 필수

<3rd party AD Serving 가이드>

* DFP에서 공인되지 않은 소재 공급 업체의 태그일 경우 광고 등록이 불가, 아래 인증 업체 리스트 확인 필수

(DFP 인증 업체 리스트: https://support.google.com/dfp_premium/answer/177366)

* 소재는 tag in tag 형태로 전달되어야 함

* 서드파티 소재는 이미지, 플래시, 동영상 등 자유롭게 구현 가능(모바일과 데스크탑 크롬에서는 플래시 구현 불가)

<HTML5 가이드>

* HTML5 로 제작 시 아래 DFP 요구사항을 준수하여 제작 필수

(DFP 요구사항 : https://support.google.com/dfp_premium/answer/7046799 )

* 소재는 html, js, css, jpg, gif, png, mp4 등 제작 소재가 포함된 .zip 파일 형태(파일 용량 1mb 이하)로 전달 (압축 시 비밀번호 설정 금지)

* 비디오 삽입 시 파일 용량 최대 1mb 이하, 플레이 타임 최대 15초, 사운드 꺼짐을 기본으로 설정, 컨트롤 버튼 삽입(재생/정지, 사운드 온/오프), 프레임 레이트 30fps 이하(24fps 권장) 필요

1. Top Banner

standard

미리보기>>

일반 Size 640*100
Capacity 100KB
Format JPG, GIF, PNG
특이사항 *배경 컬러 1*1px 이미지 or RGB값 전달 필수(미 전달 시 기본 그레이 컬러 지정)
3rd party & html5 Size 320*50
Capacity 100KB
특이사항 *배경 컬러 1*1px 이미지 or RGB값 전달 필수(미 전달 시 기본 그레이 컬러 지정)
*레티나 디스플레이를 고려하여 소재 안 이미지 사이즈는 x2(640*100)으로 제작 필수
일반 Size 640*360
Capacity 10MB
Format mov, avi, mp4
Play time 1분 이내
특이사항 *영상 정지컷 전달(영상과 동일 사이즈/100KB/JPG), 미 전달시 자동 지정
*정지컷 클릭 시 영상 재생됨
*클릭 URL 전달, 영상 내 클릭버튼에 랜딩 URL 연결됨
*사운드 필수
*영상 원본의 상하좌우 여백 제거 필수
*영상 내 버튼 위치 고려하여 제작(하단 이미지 참고)
3rd party & html5 Size 320*180
Capacity 1MB
Play time 15초 이내
특이사항 *정지컷 클릭 시 영상 재생(autoplay 불가)
*사운드 필수(사운드 off 기본설정)
*영상 원본의 상하좌우 여백 제거 필수
*컨트롤 버튼 삽입(재생/정지, 사운드 온/오프)
*프레임 레이트 30fps 이하(24fps 권장)
*레티나 디스플레이를 고려하여 소재 안 동영상 사이즈는 x2(640*360)으로 제작 필수

2. Billboard Banner

standard

미리보기>>

일반 Size 640*200, 320*100
Capacity 100KB
Format JPG, GIF, PNG
3rd party & html5 Size 320*100
Capacity 100KB
특이사항 *레티나 디스플레이를 고려하여 소재 안 이미지 사이즈는 x2(640*200)으로 제작 필수

3. Middle Banner

standard

미리보기>>

일반 Size 600*500, 300*250
Capacity 100KB
Format JPG, GIF, PNG
3rd party & html5 Size 300*250
Capacity 100KB
특이사항 *레티나 디스플레이를 고려하여 소재 안 이미지 사이즈는 x2(600*500)으로 제작 필수
일반 Size 640*360, 640*640, 640*910 중 택 1
Capacity 10MB
Format mov, avi, mp4
Play time 15초 이내
특이사항 *영상 정지컷 전달(영상과 동일 사이즈/100KB/JPG), 미 전달시 자동 지정
*클릭 URL 전달, 영상 내 클릭버튼에 랜딩 URL 연결됨
*영상 원본의 상하좌우 여백 제거 필수
*사운드 필수
*동영상이 50%이상 노출되었을 때 자동 재생됨
*영상 내 버튼 위치 고려하여 제작(하단 이미지 참고)
3rd party & html5 Size 320*180, 320*320, 320*455 중 택 1
Capacity 1MB
Play time 15초 이내
특이사항 *사운드 필수(사운드 off 기본설정)
*영상 원본의 상하좌우 여백 제거 필수
*컨트롤 버튼 삽입(재생/정지, 사운드 온/오프)
*프레임 레이트 30fps 이하(24fps 권장)
*레티나 디스플레이를 고려하여 소재 안 동영상 사이즈는 x2(640*360, 640*640, 640*910)으로 제작 필수

4. Full Banner

standard

미리보기>>

일반 Size 640*910
Capacity 300KB
Format JPG, GIF, PNG
특이사항 *배너 상단에 보그 로고와 닫기버튼 매체에서 삽입함
*7초 뒤 자동 사라짐, 1시간 1회 노출 프리퀀시 매체에서 자동으로 적용함
*이미지 전체 클릭 시 랜딩 페이지로 연결됨(1개의 랜딩만 적용 가능)
*배너 하단 640*100 영역은 모바일 브라우저에 따라 하단 탭에 가려짐
640px-100px 데드 스페이스에 주요 정보를 피해 디자인 권장(디자인 가이드 참고)
*템플릿 다운로드 필수

디자인 가이드

템플릿 다운로드

3rd party Size 320*455
Capacity 300KB
특이사항 *배너 상단에 보그 로고와 닫기버튼 매체에서 삽입함
*7초 뒤 자동 사라짐, 1시간 1회 노출 프리퀀시 매체에서 자동으로 적용함
*배경 컬러 1*1px 이미지 or RGB값 전달 필수(미 전달 시 기본 블랙 or 화이트 컬러 임의 지정됨)
*레티나 디스플레이를 고려하여 소재 안 이미지 사이즈는 x2(640*910)으로 제작 필수
*배너 하단 640*100 영역은 모바일 브라우저에 따라 하단 탭에 가려짐
640px-100px 데드 스페이스에 주요 정보를 피해 디자인 권장(디자인 가이드 참고)
*템플릿 다운로드 필수

디자인 가이드

템플릿 다운로드

html5 적용 불가
일반 Size 640*640(4개), 640*270(1개)
Capacity 각 이미지당 100KB
Format JPG, GIF, PNG
특이사항 *배너 상단에 보그 로고와 닫기버튼 매체에서 삽입함
*7초 뒤 자동 사라짐 적용하지 않음
*1시간 1회 노출 프리퀀시 매체에서 자동으로 적용함
*갤러리 이미지는 총 4개 제작 필수. 갤러리 하단 이미지는 1개 제작 필수
*갤러리 이미지는 이미지 별 클릭 URL 연결 가능(하단 이미지는 1개 클릭 URL 공통 적용)
*하단 이미지 배경 컬러 #fff(흰색) 만 적용 가능
*배너하단 640*100 영역은 모바일 브라우저에 따라 하단 탭에 가려짐
640px-100px 데드 스페이스에 주요 정보를 피해 디자인 권장(디자인 가이드 참고)
*템플릿 다운로드 필수

디자인 가이드

템플릿 다운로드

3rd party & html5 적용 불가

video-가로

미리보기>>

일반 Size 동영상 : 640*360, 하단 이미지 : 640*550
Capacity 동영상 : 10MB, 하단 이미지 : 100KB
Format 동영상 : mov, avi, MP4, 하단 이미지 : JPG, GIF
Play time 1분 이내
특이사항 *배너 상단에 보그 로고와 닫기버튼 매체에서 삽입함
*7초 뒤 자동 사라짐, 1시간 1회 노출 프리퀀시 매체에서 자동으로 적용함
*동영상 위치는 배너 상단 고정
*영상 정지컷 전달(영상과 동일 사이즈/200KB/JPG), 미 전달시 자동 지정
*동영상에는 클릭 연결 불가
*하단 이미지에만 클릭 연결 가능(1개의 랜딩만 적용 가능)
*사운드 필수
*비디오는 자동 재생 불가하며 정지컷 이미지 클릭 시 비디오 재생
*하단 이미지의 아랫쪽 640*100 영역은 모바일 브라우저에 따라 하단 탭에 가려짐
640px-100px 데드 스페이스에 주요 정보를 피해 제작 권장(디자인 가이드 참고)
*템플릿 다운로드 필수

디자인 가이드

템플릿 다운로드

3rd party Size 320*455
Capacity 1MB
Play time 15초 이내
특이사항 *배너 상단에 보그 로고와 닫기버튼 매체에서 삽입함
*7초 뒤 자동 사라짐 적용하지 않음
*1시간 1회 노출 프리퀀시 매체에서 자동으로 적용함
*배경 컬러 1*1px 이미지 or RGB값 전달 필수(미 전달 시 기본 블랙 or 화이트 컬러 임의 지정됨)
*정지컷 클릭 시 영상 재생(autoplay 불가)
*사운드 필수(사운드 off 기본설정)
*영상 원본의 상하좌우 여백 제거 필수
*컨트롤 버튼 삽입(재생/정지, 사운드 온/오프)
*프레임 레이트 30fps 이하(24fps 권장)
*레티나 디스플레이를 고려하여 소재 안 동영상 사이즈는 x2(640*360), 이미지 사이즈는 x2(640*550) 으로 제작 필수
html5 적용 불가

video-세로

미리보기>>

일반 Size 900*1600
Capacity 10MB
Format mov, avi, MP4
Play time 1분 이내
특이사항 *영상 정지컷 전달(영상과 동일 사이즈/300KB/JPG), 미 전달시 자동 지정
*배너 상단에 보그 로고와 닫기버튼 매체에서 자동으로 삽입함
*7초 뒤 자동 사라짐, 1시간 1회 노출 프리퀀시 매체에서 자동으로 적용함
*동영상에 클릭 url 연결 불가
*사운드 필수
*비디오는 자동 재생 불가하며 정지컷 이미지 클릭 시 비디오 재생
3rd party Size 320*455
Capacity 1MB
Play time 15초 이내
특이사항 *배너 상단에 보그 로고와 닫기버튼 매체에서 삽입함
*7초 뒤 자동 사라짐 적용하지 않음
*1시간 1회 노출 프리퀀시 매체에서 자동으로 적용함
*배경 컬러 1*1px 이미지 or RGB값 전달 필수(미 전달 시 기본 블랙 or 화이트 컬러 임의 지정됨)
*정지컷 클릭 시 영상 재생(autoplay 불가)
*사운드 필수(사운드 off 기본설정)
*영상 원본의 상하좌우 여백 제거 필수
*컨트롤 버튼 삽입 필수(재생/정지, 사운드 온/오프)
*프레임 레이트 30fps 이하(24fps 권장)
*레티나 디스플레이를 고려하여 소재 안 동영상 사이즈는 x2(640*910)으로 제작 필수
html5 적용 불가

5. Half Banner

standard

미리보기>>

일반 Size 750*500
Capacity 200KB
Format JPG, GIF
특이사항 *우측 상단에 닫기 버튼 매체에서 삽입
*7초 뒤 자동 사라짐, 1시간 1회 노출 프리퀀시 매체에서 자동으로 적용함
*우측 상단 100x100 닫기 버튼 위치 고려하여 제작
3rd party Size width:100%, height:100% (jpg/gif=750*500)
Capacity 200KB
특이사항 *우측 상단에 닫기 버튼 매체에서 삽입
*7초 뒤 자동 사라짐, 1시간 1회 노출 프리퀀시 매체에서 자동으로 적용함
*우측 상단 100x100 닫기 버튼 위치 고려하여 제작
*배너 사이즈 유동형(width:100%, height::100%)으로 제작
html5 적용 불가