이미지 SVG 변환: PNG·JPG·WebP를 벡터로 트레이싱
이 도구는 PNG, JPG, WebP를 트레이싱해서 어떤 크기로든 늘릴 수 있는 채워진 벡터 경로로 바꿔 줘요. 로고, 아이콘, 선화, 서명, 실루엣에 잘 맞고, Cricut 같은 커팅 머신용 파일도 만들 수 있어요. 트레이싱은 브라우저 안에서 이루어지고 이미지는 업로드되지 않아요.
이미지를 SVG로 변환하는 방법
- 이미지를 선택하거나 여기에 끌어다 놓으세요를 선택하고, 5 MB 이하의 PNG, JPG, WebP, HEIC 파일을 고르세요.
- 트레이싱이 끝날 때까지 잠깐 기다린 뒤, 미리보기 위의 SVG 트레이싱과 원본 전환으로 둘을 비교해 보세요.
- 도형이 너무 거칠거나 복잡하거나 디테일이 부족하면, 미리보기 아래의 트레이싱 설정을 바꿔 보세요. 컨트롤을 움직일 때마다 미리보기가 바뀌어요.
- SVG 다운로드를 누르세요. 파일은 원래 이름에 .svg를 붙여 저장되고, 버튼은 다시 다운로드로 바뀌어요.
미리보기는 체크무늬 위에 표시돼서 투명한 배경도 볼 수 있어요. 체크무늬는 파일에 들어가지 않아요. 미리보기 아래의 표시(예: 경로 5개 · 4.2 kB)는 트레이싱으로 만들어진 경로 수와 SVG 파일 크기를 알려 줘요. 설정을 바꾼 뒤 다시 트레이싱하는 동안에는 SVG 다운로드 버튼이 잠시 꺼져요.
단색과 컬러: 트레이싱 모드 고르기
트레이싱 모드는 단색으로 시작해요. 디테일 기준값보다 어두운 픽셀이 하나의 검은 도형이 되고, 나머지는 배경이 돼요. 서명, 스텐실, 한 가지 색 로고, 실루엣에 알맞아요.
컬러는 이미지의 주요 색을 남기고, 색마다 채워진 도형 하나로 만들어요. 색이 단순한 로고, 아이콘, 뚜렷한 색 몇 가지로 된 일러스트에 알맞아요. 사진을 컬러로 트레이싱하면 실제와 똑같은 복사본이 아니라, 색 수를 줄인 포스터 같은 도형이 돼요.
디테일 기준값과 스무딩
두 슬라이더는 모드에 따라 하는 일이 달라요.
- 디테일 기준값은 0부터 255까지이고 기본값은 128이에요. 단색에서는 값을 올리면 밝은 영역까지 도형에 포함되고, 내리면 가장 어두운 영역만 남아요. 컬러에서는 남길 색의 수를 정해요. 0에서는 약 2가지, 기본값 128에서는 약 17가지, 255에서는 약 32가지예요. 슬라이더 아래 안내에 그 수가 표시돼요.
- 스무딩은 1부터 100까지이고 기본값은 50이에요. 값이 높을수록 곡선이 깔끔해지고 점과 경로가 줄어들며, 작은 얼룩도 사라져요. 값이 낮을수록 가장자리를 더 날카롭게 따라가지만 노드가 늘어나요.
PNG 투명 배경으로 만들기: 흰색 배경 제거
흰색 배경 제거는 기본으로 켜져 있어요. 빨강, 초록, 파랑이 모두 240을 넘는 흰색에 가까운 영역을 없애서 SVG 배경이 투명해지고, 어떤 페이지나 목업, 소재 위에도 깔끔하게 올라가요.
이미지의 배경과 그림 속의 흰색은 구분하지 못해요. 그래서 이미지 안의 하얀 하이라이트나 흰 글자도 투명한 구멍이 돼요. 끄면 흰 영역이 흰 도형으로 남고, 단색에서는 검은 도형 뒤에 흰색 배경 도형이 하나 더해져요. PNG의 투명한 픽셀은 트레이싱 전에 흰색으로 처리돼요.
트레이싱이 잘 되는 이미지와 한계
- 서명이나 손글씨: 단색으로 하고 디테일 기준값을 조절해요. 깨끗한 검은 윤곽이 나와요.
- 흑백 로고나 선화: 단색, 기본 설정 그대로예요. 선명하고 확대해도 깨지지 않는 도형이 나와요.
- 색이 단순한 로고나 아이콘: 컬러, 기본 설정 그대로예요. 색마다 채워진 도형 하나가 나와요.
- 실루엣이나 스텐실: 단색이에요. 하나의 꽉 찬 도형이 나와요.
- 사진: 컬러로 하고 스무딩을 올려요. 경로가 많은 포스터 같은 도형이 나와요.
SVG는 트레이싱 결과이지 원본과 똑같은 복사본이 아니에요. 그라데이션은 단색 띠가 되고, 아주 가는 디테일은 사라질 수 있으며, 이미지 속 글자가 다시 글꼴로 바뀌지는 않아요. 사진 SVG 변환도 되지만, 로고처럼 깔끔한 결과를 기대하기는 어려워요.
파일은 5 MB까지 가능하고, HEIC나 카메라 RAW 사진은 변환한 뒤에 크기를 확인해요. 아주 큰 이미지는 긴 변이 최대 1200 px인 축소본으로 트레이싱하고, SVG에는 원래 크기가 그대로 적혀요. 색이 많은 사진은 경로가 수천 개에 파일이 1 MB 이상이 될 수 있어요. 경로를 줄이려면 스무딩을 올리거나 디테일 기준값을 내려 보세요.
로고 SVG 변환과 Cricut 같은 커팅 머신용 파일
내려받은 SVG에는 채워진 경로(path 요소)만 들어 있어요. 선도, 투명도도, 삽입된 래스터 이미지도 없어요. 원본 이미지의 가로·세로 픽셀 크기를 viewBox로 선언하기 때문에 흐려지지 않고 어떤 크기로도 늘릴 수 있어요. Cricut Design Space, Illustrator, Inkscape, Figma, 그리고 모든 브라우저에서 열려요.
커팅용 파일이라면 대비가 큰 이미지를 단색으로 시작하고, 흰색 배경 제거는 켜 둔 채, 자르기 전에 커팅 소프트웨어에서 도형을 확인하세요.
다른 도구도 있어요. 스캔한 PDF 페이지를 트레이싱하려면 “PDF 벡터 변환기”, 트레이싱 전에 피사체를 오려 내려면 “누끼 따기 (배경 제거)”를 쓰세요. 트레이싱이 아니라 파일 형식만 바꾸고 싶다면 “이미지 변환기”가 JPG, PNG, WebP, PDF로 저장해 주고, “픽셀 아트 변환기”는 이미지를 투박한 레트로 픽셀로 바꿔 줘요.
이미지 SVG 변환 자주 묻는 질문
PNG를 SVG로 변환하려면 어떻게 하나요?
PNG를 선택하고 “SVG 트레이싱” 미리보기를 확인한 뒤 “SVG 다운로드”를 누르세요. 이미지 속 도형이 채워진 벡터 경로로 트레이싱되고, logo.svg처럼 원본 이름을 딴 파일로 저장돼요. 결과가 마음에 들지 않으면 먼저 “트레이싱 설정”을 바꿔 보세요. 컨트롤을 움직일 때마다 미리보기가 바뀌어요.
JPG를 색을 살려서 SVG로 변환하려면 어떻게 하나요?
“트레이싱 설정”에서 “트레이싱 모드”를 “컬러”로 바꾸고 “SVG 다운로드”를 누르세요. 남은 색마다 채워진 도형 하나가 돼요. 색의 수는 “디테일 기준값”이 정해요. 0에서는 약 2가지, 255에서는 약 32가지이고, 기본값 128에서는 약 17가지예요. JPG 압축 때문에 얼룩이 생기면 “스무딩”을 올려 보세요.
이미지를 Cricut용 SVG로 변환할 수 있나요?
네, 할 수 있어요. “SVG 다운로드”를 누르고 파일을 Cricut Design Space에서 여세요. SVG에는 채워진 경로만 들어 있고 선이나 삽입된 이미지는 없어요. 깔끔한 흑백 그림이나 색이 단순한 그림이 가장 잘 트레이싱되고, “단색”이면 한 가지 색 도형이 나와요. 사진은 각진 포스터 같은 도형이 되어서 깔끔한 커팅 파일로는 맞지 않아요.
이미지를 투명 배경 SVG로 변환하려면 어떻게 하나요?
기본으로 켜져 있는 “흰색 배경 제거”를 그대로 두세요. 빨강, 초록, 파랑이 모두 240을 넘는 흰색에 가까운 영역이 없어지므로 SVG에 배경 도형이 없고, 미리보기에서는 체크무늬가 비쳐 보여요. 그림 속의 하이라이트처럼 흰 부분도 투명한 구멍이 돼요. 흰 영역을 남기려면 체크를 끄세요.
사진을 SVG로 변환할 수 있나요?
할 수는 있지만 결과는 사진이 아니라 색 수를 줄인 포스터 같은 트레이싱이에요. “컬러” 모드는 이미지를 단색으로 채워진 도형으로 바꾸고, 색이 많은 사진은 경로가 수천 개에 파일이 1 MB 이상이 될 수 있어요. 경로를 줄이려면 “스무딩”을 올리거나 “디테일 기준값”을 내려 보세요. 깔끔한 결과를 원하면 로고, 아이콘, 선화, 실루엣에서 시작하는 편이 좋아요.
PNG를 화질 손실 없이 SVG로 바꿀 수 있나요?
SVG는 픽셀이 아니라 경로로 이루어져서 어떤 크기에서도 선명해요. 다만 이미지의 트레이싱이지 완전히 같은 복사본은 아니어서, 가는 디테일은 부드러워지거나 합쳐질 수 있어요. 가장자리를 더 날카롭게 따라가려면 “스무딩”을 내리고, “컬러” 모드에서 색을 더 남기려면 “디테일 기준값”을 올리세요. 색이 단순하고 윤곽이 뚜렷한 이미지일수록 손실이 적어요.
로고나 서명도 SVG로 변환할 수 있나요?
네, 이 둘이 가장 잘 맞아요. “단색”으로 하고, 가는 선이 끊기지 않으면서 빈틈도 메워지지 않을 때까지 “디테일 기준값”을 조절하세요. 도형은 단순히 채워진 경로라서 파일은 Illustrator, Inkscape, Figma에서 열리고 어떤 크기로도 늘릴 수 있어요. 글자는 글꼴로 다시 만들어지지 않고 윤곽선으로 나와요.
SVG로 변환할 때 내 이미지가 업로드되나요?
아니요. 트레이싱은 브라우저 안의 웹 워커에서 이루어지므로 이미지는 기기 밖으로 나가지 않아요. 한도는 5 MB이고, HEIC나 카메라 RAW 파일은 변환한 뒤에 확인해요. 아주 큰 이미지는 긴 변이 최대 1200 px인 축소본으로 트레이싱하고, SVG에는 원래 크기가 그대로 적혀 있어서 자유롭게 늘릴 수 있어요.
