이미지 SVG 변환 (벡터화)
PNG·JPG 로고나 도장, 그림을 확대해도 깨지지 않는 SVG 벡터로 바꿉니다. 로고·흑백·색상 프리셋과 색 수(2~16), 노이즈 제거, 흰 배경 투명 처리를 고르고 원본과 SVG를 겹쳐 비교할 수 있습니다.
내 기기 안에서만 처리돼요. 서버로 전송하지 않아요.
관련 도구
자주 묻는 질문
어떤 이미지에 잘 맞나요?
로고, 도장, 아이콘, 서명, 만화풍 일러스트처럼 색 수가 적고 경계가 뚜렷한 이미지에 잘 맞습니다. 사진은 색을 단순하게 나누기 때문에 포스터 효과처럼 바뀝니다.
프리셋은 무엇이 다른가요?
로고는 단색 면과 직각 모서리를 살리고, 흑백은 밝기 기준으로 검정·흰색 두 가지로만 나눕니다. 색상은 곡선을 부드럽게 따라가며 색을 최대 16가지까지 씁니다. 어느 프리셋이든 색 수와 노이즈 제거를 따로 조절할 수 있습니다.
노이즈 제거는 무엇을 하나요?
정해진 크기보다 작은 조각(점·얼룩)을 지우고, 단계가 높을수록 이미지를 살짝 흐리게 한 뒤 벡터화해 경계를 매끄럽게 만듭니다. 스캔·사진으로 찍은 도장처럼 잡티가 많은 이미지에 효과가 큽니다.
이미지가 서버로 업로드되나요?
아니요. 벡터화는 브라우저 안의 Web Worker에서 imagetracerjs로 처리되며, 이미지와 결과 SVG는 내 기기 밖으로 전송되지 않습니다.
도장 이미지를 SVG로 만들려면 어떻게 하나요?
종이에 찍은 도장은 '도장 배경 지우기'로 배경을 지운 PNG를, 새로 만들 도장은 '도장 이미지 만들기'로 만든 PNG를 받아 이 도구에 올린 뒤 흑백 또는 로고 프리셋으로 변환하세요.
이미지 SVG 변환 (벡터화), 어떤 도구인가요?
PNG·JPG로 된 로고, 도장, 아이콘, 간단한 그림을 확대해도 깨지지 않는 SVG 벡터로 바꿉니다. 작은 로고 이미지만 있는데 현수막·간판용으로 크게 써야 할 때, 도장 이미지를 문서나 웹에 선명하게 넣고 싶을 때, 디자인 프로그램에서 편집할 수 있는 벡터가 필요할 때 씁니다. 오픈소스 imagetracerjs가 색을 몇 가지로 나눠 영역의 윤곽을 따라 도형을 만들며, 로고·흑백·색상 프리셋과 색 수, 노이즈 제거, 흰 배경 투명 처리를 고를 수 있습니다. 결과는 원본과 겹쳐 놓고 슬라이더로 비교한 뒤 SVG로 받으며, 이미지는 서버로 전송되지 않습니다.
이럴 때 쓰세요
작은 로고를 크게 인쇄하기
홈페이지에서 받은 작은 PNG 로고를 SVG로 바꾸면 현수막·간판 크기로 키워도 경계가 계단처럼 깨지지 않아요.
도장을 선명한 벡터로
'도장 배경 지우기'로 딴 도장이나 '도장 이미지 만들기'로 만든 도장을 흑백 프리셋으로 바꾸면 문서·웹에 어떤 크기로 넣어도 또렷해요.
디자인 프로그램에서 편집
SVG는 일러스트레이터·피그마·잉크스케이프에서 도형 단위로 색을 바꾸거나 일부를 지울 수 있어요.
사용 방법
이미지 올리고 프리셋 고르기
이미지 1개를 올리고 로고·흑백·색상 중 이미지에 맞는 프리셋을 고릅니다.
- 로고: 단색 면과 반듯한 모서리를 살려요. 기본 4색이에요.
- 흑백: 밝기 기준으로 검정·흰색 두 가지로 나눠요. 도장·서명·스캔 문서에 알맞아요.
- 색상: 곡선을 부드럽게 따라가요. 기본 16색이에요.
색 수·노이즈 제거 조절하기
색 수(2~16)나 흑백 기준 밝기, 노이즈 제거 단계, 흰 배경 투명 여부를 정한 뒤 'SVG로 변환하기'를 누릅니다.
- 노이즈 제거를 높이면 작은 점·얼룩이 사라지고 파일이 가벼워져요.
- 긴 변이 1600px보다 큰 이미지는 줄여서 벡터화해요. SVG라 결과 크기에는 영향이 없어요.
- 설정을 바꾼 뒤 '이 설정으로 다시 변환'으로 결과를 바로 비교할 수 있어요.
비교하고 저장하기
원본과 SVG를 겹친 화면에서 가운데 선을 좌우로 끌어 비교하고, 'SVG 다운로드'로 저장하거나 코드를 복사합니다.
- 결과 아래에 SVG 용량과 도형 수, 쓰인 색 수가 표시돼요.
- SVG는 원본과 같은 가로·세로 크기로 저장돼요.
자주 나는 문제와 해결
- 사진을 넣었더니 그림처럼 뭉개져요
- 벡터화는 색을 몇 가지 면으로 단순하게 만드는 방식이라 사진처럼 색이 섬세한 이미지는 포스터 그림처럼 바뀌어요. 로고·도장·아이콘처럼 색이 적고 경계가 분명한 이미지에 쓰세요.
- 가는 선이나 작은 글자가 사라져요
- 노이즈 제거를 '끄기'나 '약하게'로 낮추고, 흑백 프리셋이라면 기준 밝기를 높여 연한 선이 검정으로 남게 해 보세요.
- SVG 파일이 너무 커요
- 색 수를 줄이고 노이즈 제거를 높이면 도형 수가 줄어 파일이 가벼워져요.
- 배경이 흰색으로 남아요
- '흰 배경 투명하게'를 켜면 흰색에 가까운 영역을 지워요. 배경이 회색·색지라면 먼저 '배경 제거'로 배경을 지운 뒤 변환하세요.
주의사항
- 벡터화는 원본을 그대로 옮기는 것이 아니라 비슷한 도형으로 다시 그리는 것이라, 아주 세밀한 부분은 단순해질 수 있습니다.
- 변환한 로고·도장이라도 저작권과 상표권은 원래 권리자에게 있습니다.
- 인감 등록용 도장은 실제 도장을 찍어야 하며, 이미지는 법적 효력이 없을 수 있습니다.