이미지 SVG 벡터화
픽셀로 이루어진 이미지를 채워진 벡터 윤곽으로 바꾸는 도구입니다. 이미지를 작은 격자로 축소한 뒤 밝기 임계값으로 전경을 나누고, 그 경계를 따라 닫힌 SVG 경로를 만듭니다. 단순한 로고·실루엣·명암이 뚜렷한 그림에 적합하며 결과에는 원본 비트맵 대신 실제 도형 좌표가 들어갑니다. 단색 다각형 방식이므로 사진의 모든 색을 재현하거나 매끄러운 베지어 곡선을 자동으로 추정하지는 않습니다.
주요 기능
- 닫힌 실제 SVG 윤곽과 짝홀 채우기로 내부 구멍·중첩 도형 보존
- 최대 64~512px 추적 격자, 밝기 임계값과 전경 반전
- 상하좌우로 이어진 전경의 면적을 기준으로 1~64px 작은 잡음 제거
- 원하는 한 가지 채움색과 투명·흰색 SVG 배경 선택
- 원본 크기의 SVG 미리보기, 편집 가능한 소스 복사와 벡터 파일 다운로드
- 처리 취소 및 경계 수·윤곽 수·출력 크기 제한
사용 방법
- 정적 PNG·JPEG·WebP 파일을 선택하거나 생성된 예제를 불러옵니다.
- 최대 추적 크기를 고릅니다. 256px부터 시작하고, 더 많은 세부 형태가 필요하면 크기를 높입니다.
- 밝기 임계값을 0~255로 정하고 필요하면 밝은 영역 추적을 켠 뒤 최소 전경 면적을 조절합니다.
- 채움색과 투명·흰색 배경을 고르고 SVG 경로를 만듭니다.
- 결과와 윤곽 수, 제거된 작은 도형 수를 확인합니다. 설정을 바꿨다면 다시 생성합니다.
- 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 소스가 클립보드로, 다운로드하면 생성한 도형이 파일로 내보내집니다.
댓글과 질문