Command Palette

Search for a command to run...

JP

JPG SVG 변환기

JPG 로고, 스캔 이미지, 서명을 2색, 8색 또는 16색의 채워진 도형으로 이루어진 SVG로 변환(트레이싱)합니다. 원본 벡터 디자인을 복원하지는 못하며, 사진은 용량이 크고 얼룩덜룩한 SVG가 됩니다

스폰서Toolz.dev를 운영하는 호스팅Hostinger Partner
Hostinger로 웹사이트를 시작하세요
  • 무료 도메인
  • 무료 SSL
  • 30일 환불 보장
Trustpilot 4.6점, 리뷰 73,000개 이상
혜택 받기 쿠폰 코드

JPG SVG 변환기란?

JPG SVG 변환기는 JPEG 이미지를 채워진 벡터 도형으로 트레이싱합니다. 원본 벡터 디자인을 복원하지는 않습니다. 모든 도형이 픽셀을 바탕으로 새로 만들어지므로, 윤곽선은 눈에 보이는 모습을 근사한 결과입니다. 로고, 스캔한 선화, 서명, 단순한 그림은 트레이싱이 잘 됩니다. 사진은 그렇지 않습니다. 사진은 용량이 크고 얼룩덜룩한 SVG가 되어 수 메가바이트, 때로는 수십 메가바이트에 이를 수 있으며, JPG보다 훨씬 무거워집니다.

이 도구는 로고가 JPG로만 남아 있을 때, 손으로 그린 스케치나 서명을 스캔하거나 촬영했을 때, 또는 커팅 머신, 레이저 조각기, 자수 프로그램에 픽셀이 아닌 윤곽선이 필요할 때 많이 쓰입니다. 결과물인 SVG는 모서리가 깨지지 않고 어떤 크기로든 확대할 수 있으며, 벡터 편집기에서 열어 도형의 색을 바꾸거나 단순화하거나 삭제할 수 있습니다.

JPG는 두 가지 면에서 PNG보다 트레이싱이 까다롭습니다. 첫째, JPEG 압축은 선명한 모서리 주변에 희미한 블록과 얼룩을 남기고, 트레이서가 이 노이즈를 불필요한 작은 도형으로 만들어 버릴 수 있습니다. 둘째, JPG에는 투명도가 없어서 로고 주변의 흰색이나 색이 있는 배경도 작품 뒤의 도형 하나로 함께 트레이싱됩니다. 첫 번째 문제에는 낮은 디테일이 도움이 됩니다. 트레이싱 전에 이미지를 살짝 흐리게 하고 아주 작은 얼룩을 없애 줍니다. 두 번째 문제는 벡터 편집기에서 배경 도형을 선택해 삭제하면 금방 해결됩니다.

색상 설정(2색, 기본값 8색, 또는 16색)은 트레이싱 전에 이미지를 몇 가지 색으로 줄일지 정합니다. 디테일 설정(낮음, 기본값 보통, 또는 높음)은 각 도형이 픽셀을 얼마나 세밀하게 따라갈지 정합니다. 둘 중 하나를 바꾸면 추가한 모든 파일이 다시 트레이싱되고, 각 행에 JPG 크기, SVG 크기, 그 차이가 표시되므로 다운로드하기 전에 깔끔한 결과인지 무거운 결과인지 확인할 수 있습니다.

트레이싱은 imagetracerjs를 사용해 백그라운드 웹 워커(Web Worker)에서 클라이언트 측으로 실행됩니다. 이 라이브러리는 첫 번째 파일을 추가할 때만 다운로드되므로 이미지가 업로드되지 않고 페이지도 계속 빠르게 반응합니다. 한 변이 1200픽셀보다 긴 이미지는 트레이싱 전에 축소되지만, SVG는 여전히 원래의 가로세로 크기로 열리도록 설정됩니다. 최대 100메가픽셀의 JPG까지 지원합니다. 2분이 지나도 끝나지 않는 트레이싱은 중단되며, 색상 수를 줄이거나 디테일을 낮춰 보라는 메시지가 표시됩니다. 이 도구는 무료이고 회원가입이 필요 없으며, 하루 변환 횟수에 제한이 있습니다.

JPG를 SVG로 변환하는 방법

  1. JPG 파일 추가

    .jpg 또는 .jpeg 이미지를 상자에 끌어다 놓거나 클릭해서 업로드하세요. 각 파일은 추가하는 즉시 트레이싱됩니다. 가지고 있는 이미지 중 가장 크고 깨끗한 것을 사용하세요.

  2. 색상과 디테일 선택

    서명과 검은 잉크 그림에는 2색, 대부분의 로고에는 8색을 선택하세요. JPG에 압축 얼룩이 눈에 띈다면 낮은 디테일을 선택하세요. 설정을 바꿀 때마다 파일이 다시 트레이싱되므로, JPG를 두 번 추가하지 않고도 여러 설정을 시험해 볼 수 있습니다.

  3. 트레이싱 결과 확인

    각 행에는 트레이싱된 SVG의 미리보기 이미지, 상태, 그리고 JPG 크기, SVG 크기, 차이 비율이 담긴 크기 줄이 표시됩니다. 미리보기 이미지를 클릭하면 가장자리를 크게 볼 수 있고, 변환 전과 변환 후를 번갈아 확인할 수 있습니다.

  4. SVG 다운로드

    행의 다운로드 아이콘을 눌러 해당 SVG를 저장하거나, 목록 상단의 모두 다운로드를 눌러 여러 파일을 converted-svg.zip으로 저장하세요.

JPG를 SVG로 변환하는 이유

단순한 아트워크는 가장자리가 흐려지고 확대할 수 없는 형식인 JPG로 전달되는 경우가 많습니다. 트레이싱하면 벡터 작업 흐름에서 쓸 수 있는 형태로 바뀝니다.

JPG로 받은 로고 살리기

인쇄소, 간판 제작 업체, 웹 개발자는 벡터 로고를 요청하는데, 가지고 있는 것은 오래된 청구서나 웹사이트에서 받은 JPG뿐인 경우가 있습니다. 트레이싱하면 확대 가능한 출발점을 얻을 수 있습니다. 다만 디자이너의 원본 파일이 아니라 픽셀을 바탕으로 다시 그린 것이므로, 인쇄용으로 보내기 전에 글자와 섬세한 곡선을 꼭 확인하세요.

서명과 손그림

흰 종이에 쓴 서명을 촬영했거나 잉크 스케치를 스캐너로 스캔한 이미지는 2색으로 트레이싱하면 잘 나옵니다. SVG에는 획의 모양이 속이 채워진 윤곽선으로 담기므로, 레터헤드나 도장 디자인에 맞춰 크기를 키워도 깔끔합니다.

커팅기와 조각기용 파일

공예용 커팅기와 레이저 조각기는 닫힌 경로를 따라 작업합니다. 대비가 높은 JPG를 2색으로 트레이싱하면 자르거나 새길 수 있는 도형을 얻을 수 있습니다. 원본 이미지가 PNG로도 있다면 PNG를 대신 트레이싱하는 편이 JPG 압축 노이즈를 피할 수 있고 투명 배경도 유지됩니다.

JPG와 트레이싱한 SVG 비교: 어느 쪽을 쓸까

JPG 이미지와 이를 트레이싱한 SVG의 비교
JPG트레이싱한 SVG
저장하는 내용압축된 픽셀.픽셀에서 트레이싱한 채워진 도형. 원본 벡터 디자인이 아닙니다.
압축 방식손실 압축이며, 선명한 모서리 주변에 얼룩이 생깁니다.텍스트로 된 경로. 얼룩이 불필요한 작은 도형이 될 수 있습니다.
배경항상 단색으로 채워져 있습니다. 투명도가 없습니다.배경이 채워진 도형으로 트레이싱되므로 삭제할 수 있습니다.
확대 및 축소확대하면 흐릿해지고 모서리가 깨집니다.어떤 크기에서도 깔끔하게 다시 그려집니다.
로고, 서명, 선화저장된 크기에서는 충분합니다.잘 맞음: 크기를 키워도 윤곽선이 깔끔합니다.
사진잘 맞고, 용량도 훨씬 작습니다.잘 맞지 않음: 용량이 크고 얼룩덜룩한 SVG가 되며, 때로는 수십 메가바이트에 이릅니다.
열 수 있는 프로그램모든 뷰어, 브라우저, 휴대폰.브라우저, 벡터 편집기, 커팅 및 조각 소프트웨어.

JPG에서 깔끔하게 트레이싱하는 방법

JPG 트레이싱을 망치는 원인은 보통 세 가지입니다. 압축 노이즈, 낮은 해상도의 원본, 그리고 없어야 할 배경입니다.

먼저 압축 노이즈입니다. JPEG는 이미지를 8 x 8 픽셀 블록으로 나누어 저장하면서 각 블록을 단순화하는데, 이 때문에 경계가 뚜렷한 모서리 옆, 즉 로고의 윤곽선이 있는 바로 그 자리에 희미한 물결무늬가 남습니다. 높은 디테일에서는 트레이서가 이 물결무늬를 별도의 도형으로 그대로 남깁니다. 낮은 디테일은 트레이싱 전에 이를 흐리게 만들어 없애고 점 몇 개로만 이루어진 도형도 제거하므로, 윤곽선이 더 매끄러워지고 파일도 작아집니다.

다음은 해상도입니다. 너비 200픽셀의 로고는 곡선마다 픽셀이 너무 적어 트레이서가 매끄러운 선을 찾기 어렵기 때문에, SVG에 계단 현상과 떨림이 나타납니다. 찾을 수 있는 가장 큰 버전으로 시작하세요. 아주 큰 이미지는 문제없습니다. 한 변이 1200픽셀을 넘으면 트레이싱 전에 축소됩니다.

그다음은 배경입니다. JPG에는 투명도가 없어서 서명 뒤의 종이나 흰 바탕이 SVG에서 큰 채워진 도형이 됩니다. 2색일 때는 두 색 중 밝은 쪽이 바로 그 도형입니다. SVG를 색이 있는 배경 위에 올릴 계획이라면 아무 벡터 편집기에서나 제거하세요.

개인정보 보호와 보안

  • JPG는 이 탭 안의 백그라운드 워커에서 클라이언트 측으로 디코딩되고 트레이싱됩니다. 업로드되는 일은 전혀 없으므로 서명이나 스캔한 문서에 특히 안심할 수 있습니다.
  • imagetracerjs는 첫 번째 파일을 추가할 때만 이 사이트에서 가져옵니다.
  • SVG에는 트레이싱된 경로만 들어 있습니다. 카메라 모델이나 GPS 위치 같은 JPG의 EXIF 데이터는 SVG로 옮겨지지 않습니다.
  • 일일 사용량 확인에서는 도구 이름, 기기 식별자, 그리고 로그인한 경우 로그인 토큰이 전송됩니다. 이미지 데이터는 포함되지 않습니다.
  • 일괄 처리가 끝나면 페이지는 파일 수, 전체 바이트 수, 출력 형식을 기록합니다. 파일 이름과 픽셀은 전송되지 않습니다.
  • 결과는 직접 제거하거나, 모두 지우기를 누르거나, 페이지를 닫기 전까지 탭의 메모리에 남아 있습니다.

주요 기능

  • 2색, 8색 또는 16색

    흑백 서명부터 음영이 있는 그림까지

  • 낮은 디테일로 JPG 노이즈를 부드럽게 처리

    압축 노이즈로 생기는 불필요한 작은 도형이 줄어듭니다

  • SVG 미리보기 및 파일 크기

    다운로드하기 전에 변환 결과와 파일 크기를 확인하세요. 설정을 바꿀 때마다 자동으로 갱신됩니다

  • 원본 크기 유지

    큰 JPG도 1200픽셀 기준으로 변환되며, 열면 원래 크기로 표시됩니다

자주 묻는 질문

JPG를 이 페이지에 끌어다 놓으면 색이 채워진 도형으로 변환되어 다운로드할 수 있는 SVG로 저장됩니다. 파일을 추가하는 즉시 변환이 시작되며, 색상이나 디테일을 바꾸면 다시 변환됩니다.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

jpg to svgjpeg to svgconvert jpg to svgconvert jpeg to svgjpg to svg converterfree jpg to svgjpg to vectorvectorize jpgsignature jpg to svg