---
url: "/ko/bannerify/export/platforms/applovin-responsive.md"
description: "AppLovin용 세로형, 가로형, 선택적 정사각형 레이아웃을 담은 독립형 MRAID HTML 크리에이티브를 내보내세요."
---

# AppLovin용 반응형 HTML5 크리에이티브 내보내기

> AppLovin용 세로형, 가로형, 선택적 정사각형 레이아웃을 담은 독립형 MRAID HTML 크리에이티브를 내보내세요.

전체 화면 모바일 지면에 맞춰 조정되는 독립형 MRAID HTML 파일 하나가 필요하다면 **AppLovin (Responsive HTML5)** 옵션을 선택하세요.

## 설정 {#setup}

1. Figma에서 `9:16` 세로형 프레임 하나와 `16:9` 가로형 프레임 하나를 만드세요. 캠페인 브리프에서 `1:1` 레이아웃도 요구하면 정사각형 프레임 하나를 추가하세요.
2. 해당 프레임들을 Bannerify 타임라인에 포함하세요.
3. **Export to HTML**을 클릭하고 **AppLovin (Responsive HTML5)** 옵션을 선택하세요.
4. 내보낸 다음 Bannerify에서 다운로드한 파일의 압축을 푸세요.
5. 독립형 `.html` 파일을 클라이언트나 미디어 팀이 지정한 AppLovin 워크플로에 업로드하세요.

Bannerify는 AppLovin의 MRAID ready 이벤트를 기다린 뒤 시작하고, 포함된 레이아웃 중 기기 뷰포트와 화면 비율이 가장 가까운 레이아웃을 표시하며, 지면을 채우도록 비율대로 확대하거나 축소해요. 또한 로딩 표시기를 포함하고, 동영상은 음소거 상태로 유지하며, 클릭을 `mraid.open()`으로 전달하고, 이미지와 다운로드한 동영상 파일을 HTML에 직접 삽입해요. 완성된 크리에이티브에는 별도의 `images` 또는 `videos` 폴더가 필요 없어요.

디자인에서 필수 CTA가 보이도록 유지하세요. AppLovin이 지면에 닫기 버튼을 제공하므로 닫기 버튼은 추가하지 마세요.

## 두 방향이 모두 필요한 이유 {#why-both-orientations-are-required}

AppLovin의 `9:16` 요구 사항은 세로형 동영상과 이미지 엔드 카드 에셋에 적용돼요. HTML 플레이어블에는 다른 요구 사항이 있어요. 하나의 HTML 파일이 세로 방향과 가로 방향 모두에서 제대로 작동해야 해요.

그래서 Bannerify는 이 내보내기에 `9:16` 세로형 프레임 하나와 `16:9` 가로형 프레임 하나를 요구해요. 두 프레임은 같은 문구, 이미지, 크리에이티브 콘셉트를 사용할 수 있고, 가로형 프레임은 더 넓은 방향에 맞게 레이아웃만 조정하면 돼요. Bannerify는 두 프레임을 하나의 반응형 HTML 파일로 합쳐요. `1:1` 정사각형 프레임은 선택 사항이에요.

> **Info:** 클라이언트가 `9:16` 에셋만 요청한다면 동영상, 이미지 엔드 카드, HTML 플레이어블 중 무엇이 필요한지 확인하세요. 세로형 전용 브리프는 앞의 두 형식에는 유효할 수 있지만, Bannerify의 **AppLovin (Responsive HTML5)** 내보내기에는 충분하지 않아요.

## 여러 크리에이티브 버전 내보내기 {#exporting-multiple-creative-versions}

세로형과 가로형 세트를 각각 별도의 Figma Section에 넣으세요. Section에는 정사각형 프레임 하나를 함께 넣을 수도 있어요. Bannerify는 Section마다 독립형 AppLovin `.html` 파일을 하나씩 만들어요.

> **Warning:** 이 단일 파일 형식은 외부 런타임 파일에 의존하는 Lottie 레이어와 YouTube 레이어를 현재 지원하지 않아요. 해당 레이어는 먼저 이미지 시퀀스나 음소거된 작은 동영상으로 변환하세요. Bannerify는 이 내보내기에 적용되는 압축 시 `2 MB`, 비압축 시 `50 MB` 제한도 확인해요.

현재 단일 파일, 방향, 오디오, 클릭스루 규칙은 AppLovin의 [HTML 플레이어블 사양](https://support.applovin.com/en/growth/promoting-your-apps/welcome-to-applovin/creative-specs-and-guidelines)을 참고하세요.