본문으로 건너뛰기
Convertube

SVG 파일: 이미지가 아니라는 점, 그리고 변환할 때 그게 중요한 이유

SVG에 해상도가 없는 이유, 래스터화하기 전에 설정할 것, PNG를 SVG로 되돌릴 수 없는 이유를 설명합니다. 업로드 없이 브라우저에서 SVG를 변환하세요.

한눈에 보기

종류
이미지
압축
무손실
확장자
.svg
MIME 유형
image/svg+xml
다른 이름
Scalable Vector Graphics

SVG는 이미지 파일이 아니라 문서입니다. 도형, 경로, 채우기, 텍스트를 기술하는 XML이며, 그 안에 픽셀은 하나도 없습니다. 브라우저는 SVG를 표시할 때 레이아웃이 요구하는 크기에 맞춰 그 명령을 실행합니다. 그래서 똑같은 몇 KB짜리 파일이 휴대폰에서도 광고판에서도 선명합니다. 로고와 아이콘을 이 방식으로 배포하는 이유가 바로 이 성질 하나입니다.

더 읽기

PNG로 변환한다는 것은 크기를 하나 정하고 그 명령을 한 번 실행한다는 뜻입니다. 그 순간부터 결과는 확대하면 흐려지는 평범한 래스터 이미지이므로, 어떤 크기를 고르느냐가 변환의 전부입니다. 이미지가 표시될 가장 큰 크기를 고르고, 넉넉하게 잡으세요. PNG는 줄이면 깔끔하지만 늘리면 그렇지 않습니다.

반대 방향의 변환은 사실상 존재하지 않습니다. 명령을 픽셀로 바꾸는 과정에서 명령은 버려지고, 이를 되찾으려면 트레이싱이 필요합니다. 알고리즘이 비트맵 속 도형을 추측해 보이는 것에 가까운 경로를 만들어 내는 방식입니다. 이는 전혀 다른 종류의 도구이고, 그 결과물은 결코 원본이 아닙니다.

결과물에서 확인할 것이 두 가지 있습니다. 첫째는 글꼴입니다. 글꼴을 이름으로 참조하는 SVG는 해당 글꼴이 설치되어 있어야 하므로, 대체 글꼴로 텍스트가 렌더링될 수 있습니다. 타이포그래피가 중요하다면 먼저 편집기에서 텍스트를 경로로 변환하세요. 둘째는 투명도입니다. SVG는 배경을 따로 그리지 않는 한 배경이 없으므로, PNG는 그림이 비어 있는 곳이 투명해집니다. 대개는 원하는 결과지만, 가끔 흰 페이지 위에서 보이지 않게 되기도 합니다.

SVG을(를) 다른 형식으로 변환

SVG 자주 묻는 질문

변환할 때 크기는 어떻게 정해야 하나요?

이미지가 표시될 가장 큰 크기로, 넉넉하게 정하세요. PNG는 줄이면 깔끔하지만 늘릴 수는 없습니다. 최대 너비는 고급 옵션에서 설정합니다.

텍스트가 왜 다른 글꼴로 렌더링되나요?

SVG가 글꼴을 이름으로 참조하는데 해당 글꼴이 없어서 대체 글꼴이 쓰였기 때문입니다. 변환하기 전에 벡터 편집기에서 텍스트를 경로로 바꾸세요.

PNG나 JPG를 다시 SVG로 변환할 수 있나요?

의미 있는 방식으로는 불가능합니다. 래스터화하면 명령이 버려지고, 이를 되찾으려면 트레이싱, 즉 비트맵에서 도형을 추측하는 작업이 필요합니다. 결과는 원본을 복원하는 것이 아니라 이미지를 근사할 뿐입니다.

PNG의 배경이 투명해지나요?

네, 그림이 비어 있는 곳은 투명해집니다. SVG는 배경을 따로 그리지 않는 한 배경이 없기 때문입니다. 단색 배경이 필요하다면 먼저 SVG에 사각형을 추가하세요.

SVG를 굳이 래스터화해야 하는 이유는 무엇인가요?

SVG를 받지 않는 소프트웨어가 많기 때문입니다. 오피스 문서, 구형 편집기, 많은 업로드 양식, 래스터 이미지만 받는 플랫폼 등이 그렇습니다.

SVG는 손실 압축인가요, 무손실인가요?

어느 쪽도 해당하지 않습니다. 샘플이 아니라 명령을 저장하므로 압축으로 덜어 낼 것이 없습니다. 이 질문은 래스터화한 뒤에야 의미가 생깁니다.

SVG 파일은 열어도 안전한가요?

SVG는 스크립트를 담을 수 있는 문서이므로, 신뢰할 수 없는 SVG는 사진보다는 HTML 파일에 가깝습니다. 여기서 변환하면 격리된 환경에서 렌더링해 평범한 래스터 이미지를 만들므로, 그런 위험을 없애는 한 가지 방법이 됩니다.

변환하면 파일이 업로드되나요?

아닙니다. SVG는 페이지 안에서 브라우저가 렌더링하고, PNG 인코딩도 그곳에서 이루어집니다. 파일은 어디로도 전송되지 않습니다.