콘텐츠를 HTML5로 내보내기

마지막 업데이트 날짜 2026년 8월 7일

Adobe InDesign에서 페이지, 스프레드 또는 선택한 오브젝트를 HTML5 형식으로 내보내는 방법을 알아보세요.

InDesign 문서를 HTML5로 내보내면 크로스 플랫폼 호환성이 보장되고 풍부한 인터랙티브한 콘텐츠, 향상된 사용자 참여, 개선된 접근성, 더 나은 SEO, 그리고 더 빠른 웹 페이지 성능을 지원합니다. 웹 사용을 위해 텍스트가 내보내지는 방식을 제어할 수도 있습니다.

파일 > 내보내기를 선택합니다.

다른 형식으로 저장(Windows) 또는 형식(macOS)에서 HTML5를 선택합니다.

파일 이름을 동일하게 유지하려면 InDesign 문서 이름을 출력 파일 이름으로 사용을 선택하고 저장을 선택합니다.

HTML5 패키지 내보내기 대화상자에서 HTML 텍스트 태그 또는 HTML SVG 태그 옵션을 선택합니다.

글꼴을 포함하려면 글꼴 복사(Adobe Fonts에서 추가된 글꼴 제외) 옵션을 선택하세요.

내보내기 옵션을 선택하여 HTML5 패키지를 생성하세요.

HTML5 렌더링 문제를 해결하는 빠른 수정 사항

HTML 텍스트 태그 옵션을 사용한 경우에는 내보내기 중 글꼴 복사 옵션을 선택해야 합니다.
글꼴 복사 옵션을 선택한 경우에는 문제의 원인이 여전히 누락된 글꼴 때문인지 확인합니다. HTML SVG 태그 옵션을 사용해 글꼴 문제인지 확인합니다.
실제로 글꼴 문제이며 HTML SVG 태그 옵션이 잘 보이면 InDesign 문서에서 사용한 글꼴을 내보냈고 패키지의 글꼴 폴더에 있는지 확인하세요. 그렇지 않으면 글꼴을 수동으로 복사하여 폴더에 넣어야 할 수도 있습니다.
글꼴을 폴더에 넣은 후에도 문제가 계속되는 경우 고객 지원 팀에 문의하세요.

메모

웹 사이트에서 사용하는 글꼴은 글꼴의 라이선스 약관에 따라야 합니다. 웹 사이트의 글꼴을 자체적으로 호스팅하는 경우 별도의 라이선스가 필요할 수 있습니다.
글꼴 재단에서 정한 제한으로 인해 일부 글꼴을 패키지 폴더에 복사할 수 없습니다. 자세한 내용은 sharewithID@adobe.com에 문의하세요.

HTML5 패키지와 HTML(기존) 간의 차이

HTML5 패키지의 목적은 시작부터 출력 HTML5에서 InDesign 파일의 레이아웃을 모방하는 것입니다. 반면 HTML(기존)은 InDesign 파일에서 HTML을 만드는 상향식 접근 방식으로, 원본 파일과의 레이아웃 유사성이 제한적입니다.

HTML5 내보내기를 위한 스크립팅 지원

이제 이 기능은 InDesign 애플리케이션 UI를 통해서뿐만 아니라 VBScript, ExtendScript, AppleScript를 통해서도 HTML5로 문서 내보내기를 지원합니다. 이러한 스크립팅 환경은 HTML5 내보내기 옵션과 동일한 내보내기 작업을 트리거합니다. 이를 통해 팀은 Windows, macOS 또는 크로스 플랫폼 워크플로에서 HTML5 출력을 자동화할 수 있습니다.

InDesign에는 스크립트가 포함되어 있지 않으며 제공하지도 않습니다. 이 워크플로를 사용하기 위해 직접 스크립트를 만들 수 있습니다.

알려진 문제

그림자, 흐림 효과 등과 같은 효과를 텍스트에 사용했을 때 제대로 내보내지지 않았습니다.

해결 방법: HTML 텍스트 태그 대신 HTML SVG 태그를 선택하여 텍스트를 내보냅니다.

InDesign으로 인쇄 및 디지털 재질 만들기
영향력 있는 광고, 잡지 및 책 레이아웃 등을 디자인하세요.

앱 열기

HTML 내보내기 옵션

HTML5 내보내기 옵션

학습

앱에서 바로 단계별 비디오 튜토리얼과 실습형 안내를 통해 학습하십시오.

커뮤니티

전문가들과 토론하고, 답변을 찾고, 배우며, 여러분의 지식을 공유하세요.

Adobe 홈

즐겨 사용하는 Creative Cloud 앱, 서비스, 파일 관리 등에 액세스하세요.