SVG를 JPG로 변환

SVG를 굳이 변환해야 하는 이유

기술적으로 보면 SVG가 거의 모든 면에서 낫습니다. 아무리 키워도 선명하고, 파일은 대개 아주 작고, 텍스트 편집기로 바로 고칠 수도 있습니다. 그런데 어딘가에 올리려 하면 JPG나 PNG만 받는다는 안내가 돌아옵니다.

사람들이 SVG를 JPG로 바꾸는 이유는 그게 전부입니다. JPG가 더 좋아서가 아니라, 이미지가 가야 할 곳이 벡터를 받지 않기 때문입니다. 대개 다음 세 가지 상황으로 설명됩니다.

SVG를 JPG로 바꾸는 3단계

계정도, 업로드 단계도, 대기열도 없습니다. 여기서 SVG를 JPG로 바꾸려면 파일을 올려놓기만 하면 되고, 올리는 순간 브라우저가 직접 읽습니다.

1. 1

   SVG 파일 올리기

   여러 개를 한 번에 올려도 됩니다. width/height도 viewBox도 없는 파일은 아무 기본 크기로 조용히 변환되는 대신 따로 표시됩니다. 그런 경우에는 "맞게 추측한다"는 것 자체가 성립하지 않기 때문입니다.

2. 2

   크기와 배경색 고르기

   배율, 정확한 너비, 아이콘 프리셋 중에서 고르면 됩니다. 여러 개를 골라 한 번에 전부 받을 수도 있습니다. 그다음 투명한 부분을 채울 색을 고릅니다. 대부분이 기대하는 결과에 맞춰 기본값은 흰색입니다.

3. 3

   용량 확인 후 내려받기

   표시되는 출력 용량은 추정이 아니라 실제로 인코딩해서 잰 값입니다. 보이는 그대로가 결과입니다. 하나씩 받아도 되고 ZIP으로 한꺼번에 받아도 됩니다.

투명을 남기고 싶다면 PNG로 내보내는 같은 방식의 도구가 있습니다. 어느 쪽을 골라야 하는지는 아래 비교표에서 설명합니다.

투명한 배경이라는 골칫거리

대부분의 SVG는 배경이 투명합니다. 로고란 아무것도 없는 공간에 떠 있는 도형들이고, 그래서 어떤 색의 면 위에도 깔끔하게 얹힙니다. 반면 JPG에는 알파 채널이 없습니다. 어떤 픽셀이 비쳐 보인다는 사실을 형식 차원에서 기록할 방법이 없습니다. 그래서 변환할 때 투명한 픽셀은 모두 실제 어떤 색이 되어야 하고, 어떤 색인지는 도구가 대신 정합니다.

바로 그 결정이 SVG를 JPG로 바꾸는 일에서 가장 흔한 불만의 출처입니다. 로고가 검은 배경으로 돌아온다는 것입니다. 기술적으로는 잘못된 것이 없습니다. 투명한 영역이 그리기 캔버스의 기본색으로 채워졌을 뿐이고, 초기화되지 않은 캔버스의 그 기본색이 검정인 것입니다. 흰색으로 채우는 도구도, 검정으로 채우는 도구도 있으며 대부분은 이 이야기를 꺼내지도 않습니다. 잘 알려진 한 변환 서비스는 투명 영역이 단색으로 채워진다고 FAQ에서 인정하면서도, 어떤 색으로 할지 정할 방법은 제공하지 않습니다.

여기서 채움 색은 사고가 아니라 조작 대상입니다. 대부분의 기대에 맞고 문서에도 어울리므로 흰색이 미리 선택되어 있고, 검정은 한 번의 클릭이며, 다른 색도 직접 입력할 수 있습니다. 정말로 지키고 싶은 것이 그 투명 자체라면 JPG는 애초에 잘못된 목표 형식이며, 그때는 PNG로 변환하세요

관련 도구

변환 전후에 필요할 수 있는 것들입니다. 모두 브라우저 안에서 동작합니다.

• SVG를 PNG로 — 같은 벡터 입력이지만 투명한 배경이 변환 후에도 살아남습니다
• 이미지 압축 — 업로드 용량 제한이 있을 때 완성된 JPG를 정확한 KB까지 낮춥니다
• 이미지 크기 변경 — 이미 가진 비트맵의 치수를 바꿉니다. 증명사진과 SNS 프리셋 포함
• PNG를 JPG로 — 벡터가 아니라 이미 비트맵인 파일에 쓰는 같은 변환
• 이미지를 WebP로 — 양식 제출이 아니라 웹에 올릴 용도라면 더 작은 최신 형식으로