게재처, 미디어 팀, 전달 사양에서 요구하는 형식을 선택하세요. HTML 패키지와 렌더링된 미디어 파일은 서로 다른 문제를 해결하며, 내보내기에 성공했다고 해서 플랫폼이 그 형식을 받아 준다는 보장은 없어요.
출력 비교
| 형식 | 이럴 때 사용하세요 | 출력 및 제약 |
|---|---|---|
| HTML | 게재처에 상호작용형 HTML 크리에이티브, 플랫폼별 ZIP, 반응형 레이아웃, 직접 호스팅하는 코드가 필요할 때 | 클릭 처리, 메타데이터, SDK, 매니페스트, 패키지 구조가 다를 수 있으므로 정확한 플랫폼 출력을 선택하세요 |
| 애니메이션 GIF | 게재처가 애니메이션 GIF를 명시적으로 받을 때 | 무손실 또는 손실 압축과 1회 또는 무한 재생을 지원해요. 고급 팔레트 설정이 결과에 영향을 줄 수 있어요 |
| MP4 | 게재처에 H.264 MP4 동영상이 필요하거나 내보내기에 선택 사항인 오디오 트랙이 필요할 때 | Chrome이나 Figma 데스크톱 앱으로 내보내세요 |
| WebM | 게재처가 WebM 동영상을 명시적으로 받을 때 | Chrome이나 Figma 데스크톱 앱으로 내보내세요 |
| 애니메이션 PNG(APNG) | 게재처가 APNG 이미지를 명시적으로 받을 때 | Chrome이나 Figma 데스크톱 앱으로 내보내세요 |
| 애니메이션 WebP | 게재처가 애니메이션 WebP 이미지를 명시적으로 받을 때 | Chrome이나 Figma 데스크톱 앱으로 내보내세요 |
요구 사항별 선택
광고 플랫폼용 패키지나 클릭 처리가 필요해요
HTML을 선택한 다음 Bannerify HTML 플랫폼 출력에서 정확한 게재처를 고르세요. 이름이 붙은 출력은 자체 클릭 래퍼, 메타데이터, SDK, 매니페스트, ZIP 구조를 추가할 수 있어요.
HTML 출력 하나에 반응형 레이아웃이 여러 개 필요해요
게재처에 맞는 반응형 HTML 옵션을 선택하세요. Bannerify는 제공된 Figma 레이아웃 중에서 골라 쓸 뿐, 없는 크기, 브레이크포인트, 방향을 새로 만들지는 않아요.
코드 대신 렌더링된 파일이 필요해요
게재처가 받는지 확인한 뒤에만 GIF, MP4, WebM, APNG, 애니메이션 WebP를 선택하세요. 이런 내보내기는 Bannerify 타임라인의 프레임을 선택한 미디어 형식으로 렌더링해요.
오디오가 필요해요
MP4를 사용하세요. MP4 내보내기 워크플로에서 Bannerify는 MP3 파일을 추가하거나 임베드한 동영상의 오디오를 사용할 수 있어요.
HTML 업로드에 정적 대체 이미지도 필요해요
1x JPG 대체 이미지가 필요하면 backup.jpg를 켜세요. 선택한 레이어를 대체 이미지에서 숨기고 파일의 목표 크기를 설정할 수 있어요.
파일 크기와 렌더링 시간 고려하기
- 프레임 속도가 높을수록 렌더링 시간이 길어지고 프레임이 많아지므로 미디어 파일 크기가 커질 수 있어요.
- HTML 최대 파일 크기 목표는 이미지 에셋을 요청한 기준에 맞춰 압축하지만, 크리에이티브에 에셋이 많거나 크면 낮은 목표를 넘을 수도 있어요.
- HTML 배너 안에 임베드된 애니메이션 GIF는 Bannerify의 HTML 파일 크기 목표에 포함되지 않아요.
- HTML 이미지 배율을 높이면 JPG와 PNG 에셋이 더 선명해지지만 파일 크기도 커져요.
결과물 검증
- 필요한 형식, 크기, 길이, 파일 크기 한도, 재생 동작을 받는 쪽과 확인하세요.
- 게재처 설정을 그대로 적용해 대표 배너 하나를 내보내세요.
- 압축을 푼 결과를 미리 보세요. 로컬 HTML 미리보기가 멈춘 것처럼 보이면 다시 내보내기 전에 광고 차단기나 개인정보 보호 확장 프로그램 없이 테스트하세요.
- 캠페인 전체를 제작하기 전에 게재처 플랫폼에서 패키지를 검증하거나 업로드해 보세요.