---
url: "/ko/bannerify/export/platforms/responsive-html-media-queries.md"
description: "제공한 Figma 레이아웃을 자체 호스팅용 clickTag 지원 반응형 HTML 배너로 합치세요."
---

# 미디어 쿼리로 반응형 HTML 배너 내보내기

> 제공한 Figma 레이아웃을 자체 호스팅용 clickTag 지원 반응형 HTML 배너로 합치세요.

제공한 여러 Figma 레이아웃을 자체 호스팅이나 호환되는 서드파티 지면용 반응형 HTML 크리에이티브 하나로 합치려면 **Responsive HTML (Media Queries)** 옵션을 선택하세요.

## 이 옵션으로 내보내기 {#exporting-with-this-option}

1. 내보낼 배너 프레임을 Bannerify로 불러오세요.
2. Bannerify 헤더에서 **Export to HTML**을 클릭하세요.
3. **Code Output Settings**에서 이 가이드에 나온 출력 옵션을 선택하세요.
4. 내보내기 패널에 표시되는 게재 URL이나 그 밖의 플랫폼별 값을 입력하세요.
5. 내보내기 버튼을 클릭하고, 생성된 `.zip`을 다운로드한 다음, Bannerify 메인 다운로드 파일의 압축을 푸세요.

**Include individual .zip files for each banner**를 켜면 바로 업로드할 수 있는 배너 패키지가 `_zips` 폴더에 들어가요. 일부 반응형 형식과 단일 파일 형식은 해당 전용 페이지에 설명된 다른 패키지를 사용해요.

> **Note:** 내보낸 파일 그대로 게재처 플랫폼이나 공식 검증 도구에서 항상 테스트하세요. 로컬 브라우저 미리보기로는 크리에이티브가 제대로 렌더링되는지만 확인할 수 있고, 계정 자격이나 플랫폼 승인 여부는 확인할 수 없어요.

Bannerify는 제공한 레이아웃을 하나의 반응형 문서에 담고, 미디어 쿼리로 일치하는 레이아웃을 선택하며, 내보내기 패널에 입력한 도착 URL을 추가해요. 새 레이아웃을 생성하지는 않으므로, 지면에 필요한 크기나 브레이크포인트를 모두 포함하세요.

> **Warning:** 이 형식은 Google Ads 업로드 형식이 아니에요. 반응형 Google 디스플레이 업로드 하나가 필요하면 [Google Ads (Responsive HTML5)](/ko/bannerify/export/platforms/google-ads-responsive)를, 고정 크기 ZIP을 따로따로 만들려면 [Google Ads](/ko/bannerify/export/platforms/google-ads)를 사용하세요.

전체 과정은 [반응형 HTML 내보내기 튜토리얼](/bannerify/tutorials/export-responsive-html-banners-from-figma)(영어)을 참고하세요.