HTML 내보내기 옵션

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

Adobe InDesign에서 웹용 콘텐츠를 위한 HTML 내보내기 옵션 구성에 대해 자세히 알아봅니다.

HTML 내보내기 옵션은 문서 콘텐츠, 구조, 이미지 및 스타일이 HTML로 변환되는 방식을 제어합니다. 이러한 설정은 읽기 순서, 서식, 이미지 처리 및 CSS나 스크립트 포함 여부에 영향을 줍니다.

일반 옵션

내보내기 및 콘텐츠 처리

옵션

기능

내보내기

선택한 항목을 내보낼지 또는 전체 문서를 내보낼지 결정합니다. 텍스트 프레임을 선택하면 넘친 텍스트를 포함하여 전체 스토리를 내보냅니다. 문서를 선택하면 재정의되지 않은 마스터 페이지 항목과 보이지 않는 레이어의 항목을 제외하고 스프레드 전체의 모든 페이지 항목을 내보냅니다. XML 태그, 색인, 목차는 무시됩니다.

내용 순서

페이지 객체의 읽기 순서를 정의합니다:
페이지 레이아웃 기준: 읽기 순서가 레이아웃 흐름을 따릅니다.
XML 구조와 동일: 읽기 순서가 구조 패널 태그를 따릅니다.
아티클 패널과 동일: 읽기 순서가 아티클 패널 시퀀스를 따릅니다. 선택한 아티클만 내보냅니다.

서식 옵션

옵션

기능

글머리 기호

글머리 기호 단락을 HTML 목록 또는 텍스트로 변환합니다.

  • 순서 없는 목록에 매핑: 태그를 사용하여 글머리 기호 단락을 HTML에서 서식이 지정되는 목록 항목으로 변환합니다.
  • 텍스트로 변환: 글머리 기호 문자를 텍스트로 사용하여 태그로 서식을 지정합니다.

네이티브 InDesign 자동 글머리 기호를 사용한 경우 하위 글머리 기호도 포함됩니다.

숫자

번호 매기기 목록을 순서 있는 목록 또는 일반 텍스트로 변환합니다.

  • 순서 있는 목록에 매핑: 태그를 사용하여 번호 매기기 목록을 HTML에서 서식이 지정되는 목록 항목으로 변환합니다.
  • 텍스트로 변환: 번호가 매겨진 목록을 단락의 현재 번호(텍스트)로 시작하는 단락으로 변환합니다.

내보낸 후 HTML 보기

가능한 경우 내보낸 HTML 파일을 브라우저에서 엽니다.

이미지 옵션

이미지 내보내기 및 처리

옵션

기능

이미지 복사

이미지 내보내기 방식을 제어합니다:
원본: 소스 이미지를 웹 이미지 폴더에 복사합니다.
최적화됨: 웹 출력용 내보내기 설정을 적용합니다.
서버 경로에 링크: 이미지를 내보내는 대신 지정된 경로를 참조합니다.

레이아웃에서 모양 유지(그래픽/미디어 오브젝트의 경우)

그래픽 및 미디어 객체에 대한 레이아웃 기반 속성을 유지합니다.

이미지 품질 및 크기 조절

옵션

기능

해상도

인치당 픽셀 단위로 이미지 해상도를 정의합니다. 사용 가능한 값에는 72, 96, 150, 300ppi가 있습니다. 값이 높을수록 품질이 향상합니다.

이미지 크기

크기 조절 동작을 제어합니다. 고정 크기는 치수를 유지합니다. 텍스트 흐름에 상대적으로 이미지를 텍스트 폭에 비례하여 크기를 조정합니다.

이미지 정렬 및 간격

레이아웃 내에서 이미지 정렬과 수직 간격을 설정합니다.

이미지 변환

옵션

기능

이미지 변환

출력 형식 결정: GIF, JPEG, PNG 또는 자동.

GIF 옵션

옵션

기능

팔레트

색상 처리를 정의합니다:
적응형(디더링 없음): 디더링 없이 샘플링된 색상을 사용합니다.
: 웹 안전 팔레트를 사용합니다.
시스템(Win) 또는 시스템(Mac): 시스템 색상 팔레트를 사용합니다.

인터레이스

로드되는 동안 이미지를 점진적으로 표시합니다.

JPEG 옵션

옵션

기능

이미지 품질

압축과 시각적 품질을 제어합니다. 낮은 품질은 파일 크기를 줄입니다.

포맷 방법

표시 동작을 정의합니다:
점진적: 로딩하는 동안 점진적으로 표시됩니다.
기준선: 전체 다운로드 후 표시됩니다.

추가 이미지 설정

옵션

기능

오브젝트 내보내기 설정 무시

이미지에 적용된 개별 객체 내보내기 설정을 재정의합니다.

고급 옵션

HTML 및 CSS

옵션

기능

HTML에 클래스 미포함

클래스 및 id 속성을 제거하고 중복된 div 태그를 제거합니다.

HTML에 클래스 포함

내보낸 HTML에서 클래스 및 id 속성을 유지합니다.

CSS 작성

내보내기 중 CSS 생성 여부를 제어합니다.

로컬 재정의 유지

볼드체 또는 이탤릭체 스타일 등의 로컬 서식을 유지합니다.

스타일 시트 추가

외부 CSS 파일의 경로를 지정합니다. 파일 유효성 검사를 수행하지 않습니다.

JavaScript

옵션

기능

스크립트 추가

HTML 페이지가 열릴 때 실행할 JavaScript 파일을 연결합니다. 스크립트 유효성 검사를 수행하지 않습니다.

내보낸 콘텐츠

  • 스토리, 연결 및 임베드된 그래픽, SWF 파일, 각주, 텍스트로 된 텍스트 변수, 글머리 기호 및 번호 매기기 목록, 내부 상호 참조, 웹 페이지로 연결되는 하이퍼링크, 텍스트 앵커.
  • 획과 셀 스타일 등의 서식이 있는 표.
  • 모양, 붙여 넣은 콘텐츠, 윤곽선 텍스트 등의 객체.
  • HTML5 <audio> 및 <video> 태그로 래핑된 오디오 및 H.264 비디오.

지원되지 않는 콘텐츠

  • 웹 링크와 텍스트 앵커 링크 이외의 하이퍼링크.
  • XML 태그, 책, 책갈피, SING 글리플릿.
  • 페이지 전환 및 색인 마커.
  • 선택되지 않은 페이스트보드 객체는 페이지와 교차하지 않습니다.
  • 마스터 페이지 항목(재정의되거나 내보내기 전에 선택된 경우 제외).