SVG를 JPG로

SVG를 JPG로 변환하고 품질을 자유롭게 조절

품질과 배경색을 지정해 SVG를 가벼운 JPEG로 내보냅니다. 투명도가 필요 없는 사진풍 그래픽을 공유할 때 알맞습니다.

여기에 파일을 놓으세요

새 파일의 기본값을 편집하고 있습니다

배경투명단색

회색조

모서리 둥글기

직접 입력 (px)

너비높이비율 고정

가로세로 비율1.000

DPI (출력 크기 조절)

미리보기

원본 보기

미리보기가 없습니다. 파일을 추가하고 선택하면 결과가 표시됩니다.

아직 파일이 없습니다. 위에 파일을 놓거나 '파일 선택'을 누르세요.

SVG란?

SVG(Scalable Vector Graphics)는 XML을 기반으로 한 벡터 이미지 형식입니다. 픽셀 대신 도형, 패스, 채우기, 선을 수식으로 기술하기 때문에 어떤 크기로 렌더링해도 품질이 떨어지지 않습니다.

SVG는 웹의 표준 벡터 형식입니다. 최신 브라우저가 모두 기본으로 지원하고, CSS로 스타일을 지정할 수 있으며, JavaScript나 SMIL로 애니메이션도 적용할 수 있습니다. 같은 내용의 래스터 이미지에 비해 파일 크기도 대체로 훨씬 작습니다.

JPG란?

JPG(JPEG)는 사진이나 그라데이션이 많은 이미지를 작은 파일로 압축하는 손실 래스터 이미지 형식입니다. JPG는 투명도를 지원하지 않으므로 투명한 부분은 지정한 배경색으로 채워집니다.

SVG와 래스터 형식 비교

벡터 이미지(SVG)와 래스터 이미지(PNG, JPG)는 쓰임새가 다릅니다. 이미지를 어디에 쓸지에 따라 알맞은 형식이 정해집니다.

항목	SVG	PNG / JPG	ICO / ICNS
확대/축소	해상도에 구애받지 않음	확대하면 흐려짐	고정 크기로 미리 렌더링
파일 크기	도형과 아이콘은 작음	해상도에 따라 커짐	크기별 이미지의 묶음
편집	텍스트나 벡터 도구로 편집 가능	픽셀 단위 편집만 가능	크기마다 편집 후 다시 묶음
애니메이션	CSS, SMIL, JavaScript	제한적 (APNG / GIF)	지원 안 함
투명도	지원	PNG 지원, JPG 미지원	지원 (PNG 기반)

SVG를 JPG로 변환해야 하는 경우

투명도가 필요 없다면 JPG는 PNG의 4~10분의 1 크기가 됩니다. 사진을 공유하거나 용량 제한이 있는 SNS에 올리거나 메일에 첨부할 때처럼 단색 배경이어도 괜찮은 자리에서는 SVG를 JPG로 변환하세요. 품질 0.85가 흔히 말하는 최적점으로, 무손실과 거의 구별되지 않으면서 크기는 크게 줄어듭니다. 품질 0.7 아래로 내려가면 또렷한 경계와 글자 주변에 링잉 노이즈가 보이기 시작합니다.

SVG에서 JPG로: 파일 크기와 품질의 균형

파일 크기

JPG는 같은 내용의 PNG의 4~10분의 1이 되는 것이 보통입니다. 1920×1080 PNG 스크린샷이 1~3 MB라면 같은 내용을 품질 0.85의 JPG로 만들면 150~400 KB가 됩니다. 품질 0.7이면 거기서 다시 절반쯤 줄어듭니다. 도형 위주의 SVG(로고, 선화)에서는 JPG가 SVG 자체보다 커지기도 합니다.

JPG가 알맞은 경우

파일 크기가 중요하고 투명도가 필요 없는 자리에서는 JPG가 유리합니다. 메일 첨부, 용량 제한이 있는 SNS 업로드, 블로그 글 이미지, 사진풍 내용 등입니다. 투명도가 없는 내용에서는 어디서나 쓸 수 있는 형식 가운데 가장 작습니다.

JPG 대신 SVG를 그대로 써야 하는 경우

로고, 아이콘, 일러스트처럼 색이 단순하고 경계가 또렷한 것은 SVG로 두세요. JPG의 손실 압축은 단단한 경계와 글자 주변에 눈에 띄는 링잉 노이즈를 만드는데, 바로 SVG가 잘하는 내용입니다. 도형이 많은 그래픽에서는 SVG가 더 작은 것도 보통입니다.

품질 절충

JPG 압축은 손실이며 품질을 0.0-1.0으로 지정합니다. 품질 0.9에서는 노이즈가 거의 느껴지지 않습니다. 0.7이 되면 또렷한 경계에 링잉이 보이기 시작하고, 0.5에서는 블록 노이즈가 뚜렷합니다. 투명도는 없습니다. SVG의 투명한 부분은 선택한 배경색(기본값은 흰색)으로 채워집니다.

SVG를 JPG로 온라인에서 변환하는 방법

파일을 끌어다 놓거나 '파일 선택'을 눌러 대기열에 추가합니다. 한 번에 최대 40개까지 가능합니다.
출력 설정(크기, DPI, 배경, 품질, 트레이싱 세부)을 지정하면 미리보기가 그 자리에서 갱신됩니다.
'모두 저장'을 누르면 결과를 내려받을 수 있습니다. 대기열에 여러 개가 있으면 하나의 ZIP이 됩니다.

개인정보: 파일은 브라우저를 벗어나지 않습니다

파일이 기기 밖으로 나가는 일은 없습니다. 변환은 JavaScript와 WebAssembly를 이용해 전부 브라우저 안에서 실행됩니다. 업로드도 서버 처리도 없으므로 파일에 관한 정보가 어디로도 전송되지 않습니다.

아무것도 업로드되지 않으므로 대외비 로고, 사내 문서, 공개 전 고객 작업물에도 안심하고 쓸 수 있습니다. 사용하는 동안 기기에 캐시되므로 첫 방문 이후에는 네트워크 연결이 없어도 동작합니다.

자주 묻는 질문

JPG의 배경이 왜 흰색으로 나오나요?

JPG는 투명도를 저장할 수 없어서 SVG의 투명한 부분이 채워집니다. 무엇으로 채울지 정하려면 단색 배경색을 고르고, 투명도가 필요하다면 PNG나 WebP로 내보내세요.

JPG는 어느 정도의 품질로 설정해야 하나요?

사진이나 복잡한 그림에는 0.9가 무난한 첫 선택입니다. 무손실과 거의 구별되지 않으면서 크기는 크게 줄어듭니다. 섬네일이라면 0.7이나 0.8로 낮추세요. JPG 압축은 손실이라 아주 낮은 값에서는 블록 노이즈가 눈에 보입니다.

JPG가 SVG 출력에 잘 맞나요?

대체로 그렇지 않습니다. SVG는 색이 단순하고 경계가 또렷한 경우가 많은데 JPG는 그것을 어려워합니다. 글자와 선 주변에 링잉 노이즈가 보입니다. SVG의 내용이라면 PNG나 WebP가 더 작은 파일 크기로 더 보기 좋은 것이 보통입니다. JPG가 맞는 경우는 사진 같은 SVG(예: 박혀 있는 래스터 이미지)나 명시적으로 요구될 때입니다.