PDF를 SVG로 내보내기

PDF를 SVG로 내보내기 소개

PDF의 각 쪽을 SVG 파일 하나로 내보냅니다. 선과 도형은 벡터 경로로, 글자는 글꼴 모양을 그대로 따낸 경로로, 사진은 PNG로 SVG 안에 넣습니다. 로고나 도면, 인포그래픽을 웹 페이지나 Figma·Illustrator로 옮겨 확대해도 깨지지 않게 쓰려는 경우를 위한 도구입니다.

SVG의 크기는 원본 쪽 크기를 pt 단위로 그대로 씁니다. A4 쪽이라면 595.28×841.89pt짜리 SVG가 됩니다. 여러 쪽이면 쪽마다 파일이 하나씩 생기고 ZIP으로 한꺼번에 받을 수 있습니다.

그리는 과정을 받아 적는 방식

PDF 뷰어 엔진인 pdf.js는 예전에 SVG 출력 기능을 갖고 있었지만 지금은 빠졌습니다. 그래서 이 도구는 pdf.js가 쪽을 캔버스에 그릴 때 내리는 「이 경로를 이 색으로 채워라」「이 이미지를 여기 놓아라」 같은 명령을 중간에서 가로채 기록하고, 그 기록을 SVG 문장으로 옮깁니다.

글자는 글꼴 파일 대신 글자 모양의 윤곽선으로 그리게 해서 받아 적습니다. 덕분에 원본 글꼴이 없는 컴퓨터에서도 모양이 똑같이 보이지만, 결과 SVG의 글자는 도형일 뿐이라 선택·검색·수정이 되지 않습니다.

그대로 옮겨지지 않는 것

• 그러데이션과 패턴 채우기: 벡터로 옮기지 못해, 그 도형 영역만 이미지(PNG, 1pt당 2픽셀)로 구워 같은 자리에 넣습니다. 보이는 색은 맞지만 크게 확대하면 흐려지고, 편집기에서 색을 바꿀 수 없습니다.
• 클리핑: 클리핑 경로는 SVG clipPath로 옮겨지므로 원이나 사각형 틀로 자른 사진도 잘린 채 나옵니다. 다만 가장자리가 흐려지는 소프트 마스크와 투명 그룹은 합성이 끝난 이미지로 들어갑니다.
• 블렌드 모드(곱하기·스크린 등): 무시되고 일반 겹치기로 그려집니다. 투명도 값은 유지됩니다.
• 용량: 사진이 PNG로 다시 저장되므로 원본 PDF 속 JPEG보다 커지는 일이 흔합니다.

예시

사용 방법

1. PDF를 엽니다.
2. 변환이 끝나면 슬라이더로 쪽을 넘기며 미리보기를 확인합니다.
3. 필요한 쪽의 SVG를 받거나 ZIP으로 전부 저장합니다.

자주 묻는 질문