파일 > 내보내기를 선택합니다.
- InDesign 사용 안내서
- InDesign 알아보기
- InDesign 소개
- 작업 영역
- 생성형 AI(중국 본토에서는 사용할 수 없음)
- InDesign 소개
- 문서 작성 및 레이아웃
- 콘텐츠 추가
- 텍스트
- 입력 체계
- 텍스트 서식 지정
- 텍스트 검토
- 맞춤법 검사 및 언어 사전
- 참조 추가
- 스타일
- 표
- 상호 작용
- 그래픽
- 색상 및 투명도
- 찾기 및 바꾸기
- 공유
- 내보내기, 가져오기, 게시
- 가져오기, 내보내기 및 게시
- 인쇄
- InDesign 확장
- 문제 해결
페이지, 스프레드 또는 선택한 오브젝트를 HTML5 형식 유형으로 내보내는 방법을 알아보세요.
InDesign 문서를 HTML5로 내보내 크로스 플랫폼 호환성을 보장하고 풍부한 대화형 콘텐츠, 향상된 사용자 참여, 접근성을 지원합니다. 또한 SEO 및 웹 페이지 성능도 향상됩니다. 콘텐츠를 HTML5로 내보낼 때 텍스트를 내보내는 방법을 제어할 수 있습니다.
HTML5 패키지 내보내기
-
-
다른 형식으로 저장(Windows) 또는 포맷(macOS)에서 HTML5를 선택합니다.
-
파일 이름을 동일하게 지정하려면 InDesign 문서 이름을 출력 파일 이름으로 사용을 선택하고 저장을 선택합니다.
-
HTML5 패키지 내보내기 대화 상자에서 필요에 따라 HTML 텍스트 태그 또는 HTML SVG 태그를 선택합니다.
-
내보내기를 선택합니다.
HTML5 내보내기: 온라인 게시 대화 상자에서 적용되는 주요 속성
제목 |
이 값은 내보낸 폴더의 이름을 지정하는 데 사용됩니다. |
설명 |
내보내지 않음. |
페이지 |
온라인 게시 대화 상자에서 정의합니다. 파일 > 내보내기 > HTML5에서 직접 내보내는 경우 모든 페이지가 포함됩니다. |
내보내기 형식 |
|
암호를 통한 보호 활성화 |
해당되지 않습니다. |
커버 썸네일 |
썸네일은 HTML5 패키지에 포함되어 있습니다. |
이미지 설정 |
온라인 게시 대화 상자의 설정이 적용됩니다. |
PDF 설정 다운로드 |
해당되지 않습니다. |
추가 설정 |
해당되지 않습니다. |
Google Analytics |
Google Analytics 태그가 온라인 게시 대화 상자에 포함되어 있으면 HTML5 내보내기의 index.html 파일에 추가됩니다. 웹 사이트에서 페이지를 호스팅하는 경우 필요한 경우 쿠키 배너를 통해 사용자 동의를 얻어야 합니다. |
HTML5 렌더링 문제를 해결하기 위한 빠른 수정
- HTML 텍스트 태그 옵션을 사용한 경우 내보내기 중에 글꼴 복사 옵션을 선택해야 합니다.
- 글꼴 복사 옵션을 선택한 경우 글꼴 누락으로 인해 문제가 여전히 발생하는지 확인합니다. HTML SVG 태그 옵션을 사용하여 글꼴 문제인지 확인합니다.
- 글꼴 문제이고 HTML SVG 태그 옵션이 괜찮아 보이는 경우 InDesign 문서에 사용한 글꼴을 내보냈고 글꼴이 패키지의 글꼴 폴더에 있는지 확인합니다. 그렇지 않은 경우 글꼴을 복사하여 폴더에 직접 저장해야 할 수 있습니다.
- 글꼴을 배치한 후에도 문제가 지속되면 고객 지원 팀에 문의하세요.
웹 사이트에서 글꼴을 사용할 때에는 글꼴 라이선스의 약관을 준수해야 합니다. 웹 사이트의 자체 호스팅 글꼴에는 별도의 라이선스가 필요할 수 있습니다.
HTML5 패키지와 HTML(레거시) 간의 차이
HTML5 패키지는 처음부터 출력물 HTML5에서 InDesign 파일의 레이아웃을 모방하는 것을 목적으로 합니다. 반면 HTML(레거시)은 InDesign 파일에서 HTML을 생성하는 데 있어 가장 세부적인 접근 방식이며 원본 파일과 레이아웃 유사성이 제한적입니다.
알려진 문제
- 텍스트의 그림자, 흐림 효과 등의 효과를 제대로 내보내지 않았습니다.
해결 방법: HTML 텍스트 태그 대신 HTML SVG 태그를 선택하여 텍스트를 내보냅니다.
관련 항목 더 보기
궁금한 점이나 의견이 있으십니까?
질문이나 공유할 아이디어가 있다면 Adobe InDesign 커뮤니티에 참여하세요. 여러분의 소중한 의견과 다양한 작품 활동을 기대하겠습니다.