JPG를 SVG로
JPG를 SVG로 변환: 사진과 그래픽을 벡터화
JPG 로고, 스캔, 라인 아트 및 그래픽을 편집 가능한 SVG 경로로 벡터화합니다. 색상, 디테일 및 노이즈 감소를 조정하여 JPEG 아티팩트를 부드럽게 합니다. 사진은 단순한 예술 작품보다 더 스타일화된 결과를 만들어냅니다.
새 파일의 기본값을 편집하고 있습니다
미리보기
미리보기가 없습니다. 파일을 추가하고 선택하면 결과가 표시됩니다.
아직 파일이 없습니다. 위에 파일을 놓거나 '파일 선택'을 누르세요.
JPG란?
JPG(JPEG)는 사진이나 그라데이션이 많은 이미지를 작은 파일로 압축하는 손실 래스터 이미지 형식입니다. JPG는 투명도를 지원하지 않으므로 투명한 부분은 지정한 배경색으로 채워집니다.
SVG란?
SVG(Scalable Vector Graphics)는 XML을 기반으로 한 벡터 이미지 형식입니다. 픽셀 대신 도형, 패스, 채우기, 선을 수식으로 기술하기 때문에 어떤 크기로 렌더링해도 품질이 떨어지지 않습니다.
SVG는 웹 표준 벡터 형식입니다. 모든 최신 브라우저가 기본적으로 지원하며 CSS로 스타일을 지정하거나 JavaScript 또는 SMIL로 애니메이션을 적용할 수 있습니다. 로고, 아이콘, 일러스트레이션에는 대체로 효율적이지만 복잡한 SVG는 파일이 커질 수 있습니다.
SVG와 래스터 형식 비교
벡터 이미지(SVG)와 래스터 이미지(PNG, JPG)는 쓰임새가 다릅니다. 이미지를 어디에 쓸지에 따라 알맞은 형식이 정해집니다.
| 항목 | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| 확대/축소 | 해상도에 구애받지 않음 | 확대하면 흐려짐 | 고정 크기로 미리 렌더링 |
| 파일 크기 | 도형과 아이콘은 작음 | 해상도에 따라 커짐 | 크기별 이미지의 묶음 |
| 편집 | 텍스트나 벡터 도구로 편집 가능 | 픽셀 단위 편집만 가능 | 크기마다 편집 후 다시 묶음 |
| 애니메이션 | CSS, SMIL, JavaScript | 제한적 (APNG / GIF) | 지원 안 함 |
| 투명도 | 지원 | PNG 지원, JPG 미지원 | 지원 (PNG 기반) |
JPG를 SVG로 변환해야 하는 경우
사진, 스캔, 웹 이미지의 확대 가능한 버전이 필요하다면 JPG를 SVG로 변환하세요. JPEG의 블록 형태 압축 노이즈는 트레이싱할 때 여분의 패스로 나타날 수 있으므로, 색상 정밀도를 낮추고 노이즈 제거를 높이면 대체로 더 깔끔한 SVG가 나옵니다. JPG로 저장된 로고, 일러스트, 대비가 높은 그래픽에 적합합니다. 사진 본연의 세부가 필요하다면 JPG를 그대로 쓰세요.
JPG에서 SVG로: 파일 크기와 품질의 균형
파일 크기
JPG의 압축된 크기는 추적된 SVG의 크기를 예측하지 않습니다. 간단한 로고나 선 그리기는 작은 벡터 파일이 될 수 있지만 사진은 많은 경로와 더 큰 결과를 만들 수 있습니다. 색상을 줄이고 작은 세부 사항을 필터링하면 SVG를 더 쉽게 관리할 수 있습니다.
SVG가 원본 JPG보다 나은 경우
JPG가 로고, 그래픽, 스캔한 라인 아트 또는 크기 조정, 색상 변경 또는 편집하려는 모든 항목이고 원본 벡터 파일을 사용할 수 없는 경우 SVG로 변환합니다. 추적은 JPEG 압축으로 인해 손실된 세부 정보를 복원할 수 없지만 적합한 소스에서 깨끗하고 재사용 가능한 경로를 생성할 수 있습니다.
원본 JPG를 그대로 써야 하는 경우
진짜 사진은 JPG로 두세요. 트레이서는 전체 구도는 재현하지만 그라데이션을 띄엄띄엄한 색 영역으로 뭉칩니다. 포스터풍 효과를 노린다면 괜찮지만 인물, 풍경, 세밀한 제품 이미지에는 맞지 않습니다.
품질 절충
JPG 압축은 8×8 블록 노이즈를 만들며, 또렷한 경계 근처나 품질 설정이 낮을 때 특히 두드러집니다. 노이즈 제거를 높이지 않으면 트레이서가 그 블록을 그대로 따라갑니다. 가지고 있는 것 중 가장 품질이 높은 JPG에서 시작하세요. 원본 품질이 낮으면 SVG의 패스는 줄기는커녕 늘어납니다.
JPG를 SVG로 온라인에서 변환하는 방법
- 1
파일을 끌어다 놓거나 '파일 선택'을 눌러 대기열에 추가합니다. 한 번에 최대 40개까지 가능합니다.
- 2
출력 설정(크기, DPI, 배경, 품질, 트레이싱 세부)을 지정하면 미리보기가 그 자리에서 갱신됩니다.
- 3
'모두 저장'을 누르면 결과를 내려받을 수 있습니다. 대기열에 여러 개가 있으면 하나의 ZIP이 됩니다.
개인정보: 파일은 브라우저를 벗어나지 않습니다
변환은 JavaScript 및 WebAssembly를 사용하여 브라우저에서 로컬로 실행됩니다. 파일 업로드나 서버측 변환이 없으므로 추가한 파일은 장치에 그대로 유지됩니다.
로컬 처리는 기밀 로고, 내부 문서 및 미공개 클라이언트 아트워크를 보호하는 데 도움이 됩니다. 페이지와 변환 코드는 사용하는 동안 캐시되므로 이미 연 도구는 네트워크 연결 없이도 계속 작동할 수 있습니다.
자주 묻는 질문
SVG가 원본 JPG와 똑같아 보이나요?
추적은 경로와 채우기를 사용하여 원본과 유사하므로 미세한 사진 세부 사항(그라디언트, 부드러운 그림자, 질감)이 단순화됩니다. 로고와 그래픽의 경우 결과를 쉽게 알아볼 수 있고 크기 조정이 더 쉬운 경우가 많습니다. 사진의 경우 SVG는 전체적인 구도를 유지하지만 미묘한 색조 변화를 잃습니다. 색상 정밀도를 높이고 노이즈 감소를 낮추어 소스에 더 가깝게 유지하세요.
트레이싱한 JPG에 왜 이상한 노이즈가 생기나요?
JPEG 압축은 블록 형태의 노이즈를 만들며 또렷한 경계 근처나 품질 설정이 낮을 때 특히 두드러집니다. 그 블록이 작은 패스로 트레이싱되어 SVG를 부풀립니다. 노이즈 제거 슬라이더를 올려 걸러내거나 '경량' 프리셋에서 시작하세요.
JPG로 투명한 SVG를 만들 수 있나요?
JPG는 투명도가 없으며 단색 배경이 다른 모양으로 추적될 수 있습니다. SVG는 추적기가 경로를 생성하지 않는 모든 곳에서 명확하므로 흑백 임계값, 색상 정밀도 또는 노이즈 감소를 조정하면 단순한 피사체를 배경에서 분리하는 데 도움이 될 수 있습니다.