SVG를 JPG로
조정 가능한 품질로 SVG를 JPG 또는 JPEG로 변환
조정 가능한 품질, 사용자 정의 크기 및 선택한 단색 배경색을 사용하여 JPEG를 만듭니다. SVG 파일을 허용하지 않는 사진 스타일 그래픽 및 대상에 가장 적합합니다.
새 파일의 기본값을 편집하고 있습니다
미리보기
미리보기가 없습니다. 파일을 추가하고 선택하면 결과가 표시됩니다.
아직 파일이 없습니다. 위에 파일을 놓거나 '파일 선택'을 누르세요.
SVG란?
SVG(Scalable Vector Graphics)는 XML을 기반으로 한 벡터 이미지 형식입니다. 픽셀 대신 도형, 패스, 채우기, 선을 수식으로 기술하기 때문에 어떤 크기로 렌더링해도 품질이 떨어지지 않습니다.
SVG는 웹 표준 벡터 형식입니다. 모든 최신 브라우저가 기본적으로 지원하며 CSS로 스타일을 지정하거나 JavaScript 또는 SMIL로 애니메이션을 적용할 수 있습니다. 로고, 아이콘, 일러스트레이션에는 대체로 효율적이지만 복잡한 SVG는 파일이 커질 수 있습니다.
JPG란?
JPG(JPEG)는 사진이나 그라데이션이 많은 이미지를 작은 파일로 압축하는 손실 래스터 이미지 형식입니다. JPG는 투명도를 지원하지 않으므로 투명한 부분은 지정한 배경색으로 채워집니다.
SVG와 래스터 형식 비교
벡터 이미지(SVG)와 래스터 이미지(PNG, JPG)는 쓰임새가 다릅니다. 이미지를 어디에 쓸지에 따라 알맞은 형식이 정해집니다.
| 항목 | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| 확대/축소 | 해상도에 구애받지 않음 | 확대하면 흐려짐 | 고정 크기로 미리 렌더링 |
| 파일 크기 | 도형과 아이콘은 작음 | 해상도에 따라 커짐 | 크기별 이미지의 묶음 |
| 편집 | 텍스트나 벡터 도구로 편집 가능 | 픽셀 단위 편집만 가능 | 크기마다 편집 후 다시 묶음 |
| 애니메이션 | CSS, SMIL, JavaScript | 제한적 (APNG / GIF) | 지원 안 함 |
| 투명도 | 지원 | PNG 지원, JPG 미지원 | 지원 (PNG 기반) |
SVG를 JPG로 변환해야 하는 경우
투명도가 필요하지 않고 광범위하게 지원되는 컴팩트한 이미지가 벡터 소스보다 더 유용한 경우 SVG를 JPG로 변환합니다. JPG는 사진, 그라디언트, 이메일 첨부 파일 및 소셜 업로드에 가장 적합합니다. 손실 압축으로 인해 눈에 보이는 아티팩트가 발생할 수 있는 로고, 텍스트 및 선명한 라인 아트에는 적합하지 않습니다.
SVG에서 JPG로: 파일 크기와 품질의 균형
파일 크기
JPG는 압축을 위해 일부 이미지 세부 정보를 교환하므로 사진 및 그라데이션이 많은 아트웍의 경우 PNG보다 훨씬 작을 수 있습니다. 로고, 텍스트 및 라인 아트의 경우 원본 SVG 또는 대개 PNG 또는 WebP 내보내기는 더 큰 파일을 만들지 않고도 더 잘 보일 수 있습니다.
JPG가 알맞은 경우
JPG는 이메일 첨부 파일, 크기 제한이 있는 소셜 미디어 업로드, 블로그 게시물 이미지, 사진 콘텐츠 등 파일 크기가 중요하지만 투명성이 중요하지 않은 모든 곳에서 승리합니다. 광범위하게 지원되며 시각적 품질과 파일 크기 간의 균형을 선택할 수 있습니다.
JPG 대신 SVG를 그대로 써야 하는 경우
로고, 아이콘, 일러스트처럼 색이 단순하고 경계가 또렷한 것은 SVG로 두세요. JPG의 손실 압축은 단단한 경계와 글자 주변에 눈에 띄는 링잉 노이즈를 만드는데, 바로 SVG가 잘하는 내용입니다. 도형이 많은 그래픽에서는 SVG가 더 작은 것도 보통입니다.
품질 절충
JPG 압축은 손실이 있습니다. 품질이 높을수록 더 많은 세부 정보가 유지되지만 파일 크기가 커집니다. 품질이 낮을 경우 날카로운 가장자리와 텍스트 주위에 울림이나 막힘이 발생할 수 있습니다. JPG에는 투명도가 없으므로 투명 SVG 영역은 선택한 배경색에 비해 평면화됩니다.
SVG를 JPG로 온라인에서 변환하는 방법
- 1
파일을 끌어다 놓거나 '파일 선택'을 눌러 대기열에 추가합니다. 한 번에 최대 40개까지 가능합니다.
- 2
출력 설정(크기, DPI, 배경, 품질, 트레이싱 세부)을 지정하면 미리보기가 그 자리에서 갱신됩니다.
- 3
'모두 저장'을 누르면 결과를 내려받을 수 있습니다. 대기열에 여러 개가 있으면 하나의 ZIP이 됩니다.
개인정보: 파일은 브라우저를 벗어나지 않습니다
변환은 JavaScript 및 WebAssembly를 사용하여 브라우저에서 로컬로 실행됩니다. 파일 업로드나 서버측 변환이 없으므로 추가한 파일은 장치에 그대로 유지됩니다.
로컬 처리는 기밀 로고, 내부 문서 및 미공개 클라이언트 아트워크를 보호하는 데 도움이 됩니다. 페이지와 변환 코드는 사용하는 동안 캐시되므로 이미 연 도구는 네트워크 연결 없이도 계속 작동할 수 있습니다.
자주 묻는 질문
JPG의 배경이 왜 흰색으로 나오나요?
JPG는 투명도를 저장할 수 없어서 SVG의 투명한 부분이 채워집니다. 무엇으로 채울지 정하려면 단색 배경색을 고르고, 투명도가 필요하다면 PNG나 WebP로 내보내세요.
JPG는 어느 정도의 품질로 설정해야 하나요?
사진이나 복잡한 아트웍의 경우 약 90에서 시작한 다음 미리보기와 파일 크기를 보면서 설정을 낮추세요. 값이 낮을수록 파일 크기는 작아지지만 JPG 압축은 손실이 있기 때문에 눈에 보이는 블록이나 울림이 추가될 수 있습니다.
JPG가 SVG 출력에 잘 맞나요?
대부분의 경우 최선의 선택은 아닙니다. SVG에 흔한 단색과 선명한 가장자리는 JPG로 저장할 때 텍스트와 선 주변에 압축 노이즈가 생길 수 있습니다. PNG나 WebP가 가장자리를 더 깔끔하게 보존하는 경우가 많습니다. JPG는 내장 래스터 이미지처럼 사진 요소가 있는 SVG나 대상에서 JPG를 요구할 때 적합합니다.