SVG를 JPG로 변환

SVG는 웹에서 로고와 아이콘에 이상적이지만, SNS, 오피스 문서, 마켓플레이스, 인쇄소에서는 JPG를 요구하는 경우가 많습니다. 이 변환기는 SVG를 원하는 가로 크기나 배율로 그린 뒤 배경을 채우고(JPG는 투명도가 없습니다) 지정한 화질의 JPG로 저장합니다. 파일을 올리거나 코드를 붙여넣을 수 있으며, 내용은 브라우저 밖으로 나가지 않습니다.

사용 방법

1. .svg 파일을 하나 이상 고르거나 SVG 코드를 입력란에 붙여넣습니다.
2. 출력 가로 크기를 픽셀로 입력하거나, 비워 두고 배율을 고릅니다(1배가 SVG 원래 크기입니다).
3. 배경색(기본값은 흰색)과 JPG 화질을 정합니다.
4. 변환한 뒤 JPG를 하나씩 또는 ZIP으로 한꺼번에 내려받습니다.

계산식

출력 세로 크기 = 출력 가로 크기 × SVG 세로 크기 ÷ SVG 가로 크기

SVG의 원래 크기는 width와 height 속성에서 가져오고(pt, mm, cm, in은 1인치당 96px로 환산), 없으면 viewBox에서, 그것도 없으면 브라우저 기본값인 300 × 150px를 씁니다. 변환기는 새 크기를 SVG에 적고, viewBox가 없으면 잘리지 않고 확대·축소되도록 추가한 다음, 브라우저의 SVG 엔진으로 그려서 배경색 위에 칠합니다.

예시

viewBox="0 0 24 24"만 있고 width와 height가 없는 아이콘은 24 × 24px입니다. 출력 가로 크기를 512로 하면 512 × 512px로 그려집니다. width="2in" height="1in"로 선언한 로고는 1배에서 192 × 96px, 2배에서 384 × 192px입니다.