이미지 SVG 벡터화

이미지 SVG 벡터화

PNG·JPEG·WebP를 실제 단색 SVG 경로로 바꾸세요. 밝기 임계값, 추적 해상도와 작은 잡음 제거를 조절하고 내부 구멍을 보존한 벡터 파일을 내려받을 수 있습니다.

정적 PNG·JPEG·WebP 한 장, 최대 20 MiB·한 변 8,192px·총 2천만 픽셀. 애니메이션 PNG·WebP는 지원하지 않습니다.

단색 다각형 추적입니다. 임계값 이하의 어두운 픽셀이 전경이 됩니다. 작은 잡음은 축소 격자에서 변으로 연결된 도형의 면적으로 판정하며, 최소 면적 1은 모든 도형을 유지합니다. 크기를 높이면 계단 형태의 세부 윤곽과 파일 크기가 늘어날 수 있습니다.

완전 투명 픽셀은 비워 두고, 반투명 픽셀은 흰색 위에 합성해 밝기를 계산합니다. SVG 배경 선택은 이 계산을 바꾸지 않습니다.

이미지·파일명·설정·SVG는 현재 페이지의 브라우저 메모리에서 처리합니다. 이 도구는 해당 내용을 서버나 도구 분석 이벤트로 보내거나 자동 저장하지 않습니다. 복사하면 SVG 소스가 클립보드로, 다운로드하면 생성한 도형이 파일로 내보내집니다.

댓글과 질문

이미지 SVG 벡터화

픽셀로 이루어진 이미지를 채워진 벡터 윤곽으로 바꾸는 도구입니다. 이미지를 작은 격자로 축소한 뒤 밝기 임계값으로 전경을 나누고, 그 경계를 따라 닫힌 SVG 경로를 만듭니다. 단순한 로고·실루엣·명암이 뚜렷한 그림에 적합하며 결과에는 원본 비트맵 대신 실제 도형 좌표가 들어갑니다. 단색 다각형 방식이므로 사진의 모든 색을 재현하거나 매끄러운 베지어 곡선을 자동으로 추정하지는 않습니다.

주요 기능

  • 닫힌 실제 SVG 윤곽과 짝홀 채우기로 내부 구멍·중첩 도형 보존
  • 최대 64~512px 추적 격자, 밝기 임계값과 전경 반전
  • 상하좌우로 이어진 전경의 면적을 기준으로 1~64px 작은 잡음 제거
  • 원하는 한 가지 채움색과 투명·흰색 SVG 배경 선택
  • 원본 크기의 SVG 미리보기, 편집 가능한 소스 복사와 벡터 파일 다운로드
  • 처리 취소 및 경계 수·윤곽 수·출력 크기 제한

사용 방법

  1. 정적 PNG·JPEG·WebP 파일을 선택하거나 생성된 예제를 불러옵니다.
  2. 최대 추적 크기를 고릅니다. 256px부터 시작하고, 더 많은 세부 형태가 필요하면 크기를 높입니다.
  3. 밝기 임계값을 0~255로 정하고 필요하면 밝은 영역 추적을 켠 뒤 최소 전경 면적을 조절합니다.
  4. 채움색과 투명·흰색 배경을 고르고 SVG 경로를 만듭니다.
  5. 결과와 윤곽 수, 제거된 작은 도형 수를 확인합니다. 설정을 바꿨다면 다시 생성합니다.
  6. SVG를 내려받거나 소스를 복사해 벡터 편집기 등에서 활용합니다.

활용 예시

  • 명암이 뚜렷한 로고를 한 가지 색의 벡터 실루엣으로 만들기
  • 단순한 아이콘 윤곽을 SVG 편집기에서 수정할 재료로 준비하기
  • 스캔한 흑백 그림에서 임계값과 해상도에 따른 형태 차이 비교하기
  • 안쪽 구멍을 유지한 단색 스텐실 형태의 그림 만들기

자주 묻는 질문

실제로 벡터로 변환되나요?

네. 전경 픽셀의 경계를 닫힌 SVG 경로 좌표로 만듭니다. 원본 이미지나 data URL, base64 비트맵을 SVG 안에 넣지 않습니다. 같은 직선 위의 불필요한 점은 제거하지만 나머지 윤곽은 추적 격자를 따라가므로, 자동으로 곡선을 맞춘 결과가 아닌 다각형입니다.

사진의 색을 모두 보존할 수 있나요?

현재는 선택한 한 가지 채움색과 선택적인 흰색 배경으로 출력합니다. RGB 가중 밝기가 임계값 이하이면 전경이며, 반전을 켜면 그보다 밝은 픽셀을 선택합니다. 사진의 다색 추적, 그라데이션 복원과 자동 곡선 맞춤은 지원 범위에 포함되지 않습니다.

투명 영역과 안쪽 구멍은 어떻게 처리하나요?

추적 격자에서 완전히 투명한 픽셀은 반전을 켜도 전경이 되지 않습니다. 반투명 픽셀은 흰색 위에 합성한 밝기로 판정합니다. SVG의 짝홀 채우기로 둘러싸인 구멍과 중첩된 섬 형태를 보존합니다. 출력 배경을 흰색으로 바꿔도 임계값 계산은 달라지지 않습니다.

추적 크기와 최소 면적은 무엇인가요?

원본을 긴 변 최대 64·128·256·384·512px 격자로 줄입니다. 더 작은 이미지는 확대하지 않습니다. 픽셀의 변으로 연결된 전경 도형 중 면적이 지정한 1~64개 격자 픽셀보다 작은 도형을 제거합니다. 대각선 접촉만으로는 같은 도형으로 묶지 않으며 최소 면적 1은 모든 전경 도형을 보존합니다.

원본 크기가 유지되고 파일도 작아지나요?

SVG의 너비·높이·viewBox는 디코딩된 원본 크기를 유지하고 추적 좌표를 그 크기로 확대합니다. 더 자세히 추적하면 파일이 커질 수 있어 원본보다 작아진다고 보장하지 않습니다. 경계 100,000개, 윤곽 10,000개 또는 SVG 2,000,000바이트를 넘으면 처리를 중단합니다. 추적 크기를 낮추거나 최소 면적을 높여 다시 시도하세요.

지원 파일과 브라우저 조건은 무엇인가요?

20 MiB 이하, 한 변 8,192px 이하, 총 2천만 픽셀 이하의 정적 PNG·JPEG·WebP 한 장을 지원합니다. 애니메이션 PNG·WebP는 지원하지 않습니다. 이미지 디코딩, Canvas 2D와 로컬 Blob URL 기능이 필요합니다. 클립보드 복사 권한이 없으면 SVG 소스를 직접 선택하거나 파일을 내려받으세요. 이미지나 설정을 바꾸면 진행 중인 추적을 취소하고 이전 결과를 비웁니다.

개인정보 안내

이미지·파일명·설정·SVG는 현재 페이지의 브라우저 메모리에서 처리합니다. 이 도구는 해당 내용을 서버나 도구 분석 이벤트로 보내거나 자동 저장하지 않습니다. 복사하면 SVG 소스가 클립보드로, 다운로드하면 생성한 도형이 파일로 내보내집니다.

관련 도구

도트·픽셀아트 변환이미지 포맷 변환이미지 자르기이미지 세부 확대 도구HDR 노출 합성기흑백 사진 색 복원 실험실파노라마 이어 붙이기판재 배치 계획기영상 편집 목록 작성기대본 프롬프터이중 자막 학습 플레이어코드 진행 실험실오선 악보 편집기자막 편집 작업대입체 음향 배치기음원 코드 후보 분석기MIDI 피아노롤 편집기샘플 악기 만들기공간 잔향 합성기오디오 파형 편집기전화 키패드 신호 실험실그림으로 소리 만들기오디오 스펙트럼 분석기오디오 잡음 정리기음원 성분 분리기효과음 합성기멀티트랙 오디오 믹서드럼 샘플 슬라이서반복 음원 이음새 찾기오디오 음량 분석기음원 음높이·템포 편집기스테레오 애너글리프 제작기사진 모자이크 제작기이미지 주파수 분석기비슷한 사진 중복 찾기렌티큘러 인터레이스 도안재질 텍스처 맵 제작 실험실360도 사진 투어 만들기영상 교정 타깃 제작기이미지 메시지 숨기기 실험벡터 모핑 편집기문서 원근 보정기사진 영역 메우기뜨개 기호 도안 편집기벡터 도형 조합기SVG 경로 편집기심리스 패턴 제작기실크스크린 색판 분리기퀼트 블록 배치기원근 목업 제작기로우폴리 색면 제작기폰트 부분집합 만들기초점 합성 도구사진 깊이 지도 만들기십자수 도안 제작기CSS 애니메이션 타임라인픽셀 직접 그리기이미지 차이 히트맵이미지 품질 측정실증명사진 만들기바코드 스캐너동영상 GIF 변환크로마키 영상 합성기영상 흔들림 보정기영상 구도 추적 편집기스톱모션 촬영 작업대영상 타임코드 대조기영상 인코딩 비교기HLS·DASH 매니페스트 검증기영상 속도 곡선 편집기영상 컨테이너 탐색기영상 스토리보드 만들기영상 개인정보 가림기영상 로토스코프 마스크 편집기영상 움직임 좌표 추적기영상 중간 프레임 만들기화면 해설 편집기영상·음성 싱크 맞추기동영상 자르기GIF 프레임 추출SVG→PNG/JPG 변환프로필 원형 자르기액자·폴라로이드 프레임이미지 모서리 둥글게JPEG EXIF 정보 보기·제거이미지 색각 시뮬레이터이미지 ASCII 아트사진 콜라주인스타 9분할 이미지긴 이미지 분할이미지 회전·반전이미지 필터밈 만들기스크린샷 꾸미기바코드생성기QR코드 생성기이미지 압축기이미지 리사이즈파비콘 생성기유튜브 썸네일 추출기HEIC JPG 변환전자서명·도장 생성기이미지 워터마크움짤·GIF 만들기이미지 색상 추출(스포이드)이미지 텍스트 추출(OCR)이미지 합치기사진 모자이크·블러QR코드 스캔MP4 MP3 변환 (음원 추출)동영상 압축 (용량 줄이기)배경 제거 (누끼따기)
이미지/미디어 도구 전체 보기 →텍스트/변환 →생활/재미 →개발 도구 →