사용 안내서 취소

SVG 파일 가져오기

InDesign에서 SVG 파일을 가져오는 방법을 알아봅니다.

SVG file

InDesign을 사용하면 이제 InDesign 및 InCopy 문서에서 SVG 및 SVGZ 포맷 파일을 가져올 수 있습니다. 이전에는 CC 라이브러리의 SVG를 InDesign에서 PNG로 가져왔습니다.

SVG(확장 가능한 벡터 그래픽)는 이미지를 모양, 패스, 텍스트, 필터 효과 등으로 나타내는 벡터 형식입니다. 결과로 생성되는 파일은 크기가 작고 웹 상에서, 인쇄할 때 그리고 리소스가 제한되어 있는 휴대용 장치에서도 고품질의 그래픽을 제공합니다. 

SVG 파일 배치하기

  • 컴퓨터에 저장된 SVG 파일을 배치하려면 파일 > 배치하기를 선택합니다.
  • CC 라이브러리에서 사용할 수 있는 SVG를 배치하려면 파일 CC 라이브러리에서 배치하기를 선택합니다.

SVG 파일 내보내기

개체 내보내기 옵션을 사용하여 EPUB 및 HTML로 내보내기

  • 개체 > 개체 내보내기 옵션을 선택합니다.
  • EPUB 및 HTML 탭을 엽니다.
  • 문서에서 SVG 개체를 선택하면 형식 값이 SVG로 표시됩니다.
  • SVG 옵션임베드 코드 또는 개체 태그로 선택합니다.
    • 임베드 코드: SVG의 원본 XML 코드가 InDesign에서 만든 HTML 또는 ePub에 추가됩니다.
    • 개체 태그: SVG가 HTML의 개체 태그에서 참조되며, 해당 .svg 파일은 리소스 폴더에 저장됩니다.
개체 내보내기 옵션

레이아웃에서 모양 유지

레이아웃에서 모양 유지 드롭다운 목록에서 다음 옵션 중 하나를 선택합니다.

개체 내보내기 옵션

  • 기본값: SVG 설정이 HTML 또는 ePub 내보내기 대화 상자에서 선택됩니다.
  • 그래픽 개체에 기존 이미지 사용: SVG가 다음으로 SVG 사용 지정된 옵션 설정을 기반으로 하여 내보낸 대화 상자에 사용됩니다.
  • 컨테이너 래스터화콘텐츠 래스터화: SVG가 형식 드롭다운 목록에서 선택한 형식을 기반으로 레이아웃의 모양을 유지하면서 래스터화됩니다.

HTML로 내보내기

  • 파일 > 내보내기 > HTML을 선택합니다.
  • 이미지 탭을 엽니다.
  • 선택한 이미지 복사 설정에 따라 다음 SVG 옵션을 설정합니다.
    • 원본: [다음으로 SVG 사용] 옵션이 활성화되어 있으며 SVG 옵션임베드 코드 또는 개체 태그로 선택할 수 있습니다.
    • 최적화
      • 레이아웃에서 모양 유지(그래픽/미디어 개체의 경우) 옵션을 선택하지 않은 경우: 다음으로 SVG 사용 옵션이 활성화되어 있으며 SVG 옵션임베드 코드 또는 개체 태그로 선택할 수 있습니다.
      • 레이아웃에서 모양 유지(그래픽/미디어 개체의 경우) 옵션을 선택한 경우: 다음으로 SVG 사용 옵션이 비활성화되어 있으며 문서의 SVG가 이미지 변환 드롭다운 목록에서 지정된 이미지 형식을 기반으로 래스터화됩니다.
HTML 내보내기

EPUB 리플로우 가능 레이아웃 내보내기

  1. 파일 > 내보내기 > EPUB(다시 플로우 가능)를 선택합니다.
  2. 개체 탭을 엽니다.
    • 레이아웃에서 모양 유지(그래픽/미디어 개체의 경우) 옵션을 선택한 경우: 다음으로 SVG 사용 옵션이 비활성화되어 있고 문서에서 SVG가 이미지 변환 설정에 지정된 형식을 기반으로 래스터화됩니다.
    • 그래픽 개체에 기존 이미지 사용 옵션을 선택한 경우: 다음으로 SVG 사용 옵션이 활성화되어 있습니다.
    • 위의 옵션을 모두 선택하지 않은 경우: 다음으로 SVG 사용 옵션이 활성화되어 있습니다.
EPUB 다시 플로우 가능 개체 옵션

EPUB 수정 레이아웃으로 내보내기

EPUB 수정 레이아웃 내보내기 옵션 대화 상자에는 SVG 관련 옵션이 포함되어 있지 않습니다. 그러나 SVG 설정은 개체 내보내기 옵션 대화 상자에서 선택됩니다.

PDF로 내보내기(인쇄 및 대화형) 또는 인쇄 워크플로우

SVG가 벡터 형식인 경우 SVG의 기본 벡터가 InDesign에서 생성된 PDF로 내보내집니다. 그러나 상호 작용 또는 클리핑 마스크 또는 클리핑 패스는 지원되지 않습니다.

온라인 게시

  • SVG 또는 SVGZ 파일은 생성된 HTML의 <img> 태그에서 참조됩니다.
  • Javascript는 지원 되지 않지만 기본 SMIL 애니메이션은 지원됩니다.

SVG 애니메이션 미리 보기

InDesign에서 애니메이션 SVG 파일을 가져오거나 배치할 수도 있습니다. [EPUB 상호 작용 미리보기] 패널에서 SVG 애니메이션을 미리 볼 수 있습니다.

> 대화형 > EPUB 상호 작용 미리보기를 선택합니다.

쉽고 빠르게 지원 받기

신규 사용자이신가요?