SVG → JPG 변환기

SVG의 빈 캔버스는 정의상 투명하지만, JPG에는 투명이라는 개념 자체가 없어 모든 픽셀이 어떤 색이든 가져야 합니다. 그래서 SVG가 채우기를 남긴 영역은 저장 전에 무지 흰 배경 위에 그려집니다. 흰 종이에 인쇄하거나 흰 슬라이드에 올렸을 때와 같은 결과입니다.

색 있는 페이지에 놓일 로고나 아이콘이라면, 이 흰 채우기가 다른 곳에 놓였을 때 눈에 띄는 테두리로 나타납니다. 투명이 필요하면 PNG가 맞는 목적지이고, JPG는 무지 배경이어도 괜찮거나 목적지가 JPG를 직접 요구할 때 어울립니다.

SVG는 코드에 선언된 너비와 높이로 래스터화되어, 수학적인 경로가 그 해상도의 실제 픽셀 격자로 바뀝니다. 깔끔하고 대비가 큰 형태의 로고는 이 과정에서도 선명하게 남습니다. 작은 크기를 선언한 SVG는 그만큼 작은 JPG를 낳는데, 래스터화가 벡터가 그 배율에서 정의하는 것 이상의 디테일을 만들어 낼 수는 없기 때문입니다.

목적지가 SVG 선언보다 큰 이미지를 요구한다면, 변환 전에 SVG 자체의 선언 크기를 먼저 키우는 편이 나중에 작은 JPG를 확대하는 것보다 선명한 결과를 줍니다.

JPG의 손실 압축은 사진에 맞춰 조정되어 있어, 래스터화된 로고에 흔한 평평한 색과 단단한 가장자리에서는 다르게 작동합니다. 단단한 가장자리에 옅은 번짐이 생길 수 있고, 아주 가는 글자는 낮은 품질 설정에서 살짝 흐려질 수 있습니다. 품질을 올리면 단순한 그래픽에서는 이 문제가 거의 사라지는데, 실제 사진보다 압축해야 할 디테일이 훨씬 적어 높은 품질에서도 파일이 작게 유지되기 때문입니다.

SVG를 그리고 JPG로 저장하는 과정은 모두 사용자의 기기에서 이뤄지며, 아무것도 업로드되지 않고 페이지를 떠난 뒤 사본이 남지도 않습니다. 덕분에 아직 공개하지 않은 로고나 고객 디자인 자료도 변환 중 비공개로 유지되고, 업로드 서비스의 용량 제한도 없습니다. 브라우저가 렌더링을 마치면 곧바로 결과를 받을 수 있습니다.