본문으로 건너뛰기

이미지를 SVG로

PNG, JPG, WebP, GIF, BMP, AVIF, TIFF를 SVG로 벡터화

PNG, JPG, WebP, GIF, BMP, AVIF, TIFF를 깔끔하고 확대 가능한 SVG 패스로 벡터화합니다. 최대 40개를 일괄 처리하고 컬러 또는 흑백 트레이싱을 골라 결과를 ZIP으로 받을 수 있습니다. 업로드하는 것은 없으며 첫 방문 이후에는 오프라인에서도 트레이싱할 수 있습니다.

여기에 파일을 놓으세요

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

컬러 모드

미리보기

미리보기가 없습니다. 파일을 추가하고 선택하면 결과가 표시됩니다.
아직 파일이 없습니다. 위에 파일을 놓거나 '파일 선택'을 누르세요.

SVG란?

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

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

지원하는 입력 형식

벡터화 엔진은 PNG, JPG, WebP, GIF, BMP, AVIF, TIFF를 지원합니다. 애니메이션 GIF는 첫 프레임만 트레이싱합니다.

이미지를 SVG로 변환해야 하는 경우

래스터 이미지를 벡터화하면 확대하고 색을 바꾸고 편집할 수 있는, 해상도에 구애받지 않는 파일을 얻습니다. 래스터를 벡터로 바꾸는 이 도구는 인쇄 해상도의 로고, 레이저 커팅이나 자수용 깔끔한 선화, 저해상도 원본에서 만드는 확대 가능한 일러스트가 필요할 때 PNG, JPG, WebP 등을 SVG로 변환합니다. 로고와 아이콘은 보통 2~15 KB에 들어가고, 사진을 넣으면 세부가 단순해진 50~300 KB의 SVG가 나옵니다. 단색 면 위주의 원본일수록 결과가 좋습니다. 복잡한 사진도 트레이싱할 수 있지만 SVG가 원본 PNG보다 커질 수 있습니다.

원본 형식 고르기

PNG, JPG, WebP, GIF, BMP, AVIF, TIFF는 모두 벡터화할 수 있지만 원본의 질이 결과를 좌우합니다. 깔끔한 원본일수록 작고 정돈된 SVG가 나옵니다.

PNGJPGWebP
일반적인 원본 크기5 KB~5 MB (무손실)30 KB~2 MB (손실)30 KB~2 MB
벡터화에 적합한 대상단색 면 위주의 로고, 아이콘, 일러스트JPG로 저장된 그래픽이나 스캔로고와 아이콘, 특히 투명 WebP
주의할 점사진풍 PNG는 크고 포스터화된 SVG가 됨압축 노이즈도 트레이싱 대상. 되도록 고품질 JPG에서 시작손실 WebP의 번짐이 여분의 색 영역으로 읽힐 수 있음. 그라데이션 단계를 높일 것

이미지를 SVG로 온라인에서 변환하는 방법

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

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

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

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

자주 묻는 질문

어떤 이미지 형식을 벡터화할 수 있나요?

PNG, JPG, WebP, GIF, BMP, AVIF, TIFF입니다. 한 번에 최대 40개를 넣을 수 있고 트레이싱한 SVG는 하나씩 받거나 한꺼번에 ZIP으로 내려받을 수 있습니다. 애니메이션 GIF는 첫 프레임만 트레이싱합니다.

사진도 트레이싱이 되나요?

실행은 되지만 사진은 크고 포스터화된 SVG가 되어 원본 파일보다 커지기도 합니다. 색이 단순하고 경계가 또렷한 로고, 아이콘, 선화가 훨씬 깔끔하게 트레이싱됩니다. 사진을 트레이싱한다면 노이즈 제거를 높이고 색상 정밀도를 낮춰 결과를 다루기 쉽게 유지하세요.

투명 배경이 트레이싱 후에도 남나요?

네. PNG, WebP, AVIF의 투명한 부분은 SVG에서도 투명하게 남으므로 어떤 배경 위에도 깔끔하게 얹힙니다. JPG에는 애초에 알파 채널이 없지만, 트레이서는 검출한 도형만 그리므로 흑백 임계값을 높이거나 색 수를 줄이면 배경을 걷어낼 수 있습니다.

애니메이션 GIF를 SVG로 변환할 수 있나요?

첫 프레임만 사용됩니다. 결과는 정지된 SVG 한 장입니다.

출력되는 SVG 파일을 더 작게 만들려면 어떻게 해야 하나요?

먼저 '경량' 프리셋을 써 보세요. 패스 방식을 폴리곤(곡선이 아닌 직선)으로 바꾸고, 노이즈 제거를 높이고, 색상 정밀도를 낮춰 출력되는 색 레이어를 줄입니다. 거기서 그라데이션 단계를 올려 비슷한 색을 묶고, 최대 세그먼트 길이를 늘려 짧은 세그먼트를 긴 것으로 합칠 수 있습니다. 절충점은 이렇습니다. 색상 정밀도가 높고 패스가 스플라인이며 노이즈 제거가 약한 설정은 원본에 가장 충실하지만 파일이 가장 커집니다.

형태를 더 단순하게 하거나 세부를 줄이려면 어떻게 해야 하나요?

'형태 단순화' 프리셋을 써 보세요. 모서리 임계값을 올려 검출되는 모서리를 줄이고(곡선이 부드러워집니다), 최대 세그먼트 길이를 늘려 아주 작은 패스 세그먼트를 합치며, 접합 임계값을 올려 곡선을 더 적극적으로 묶습니다. 노이즈 제거를 높이면 트레이싱 전에 작은 점도 걸러집니다. 원본에 가깝게 하려면 이 임계값들을 낮추고, 색상 정밀도가 높은 컬러 모드를 쓰고, 노이즈 제거를 낮게 유지하세요. 세부는 더 남지만 SVG는 커집니다.