홈 › 이미지 도구

이미지를 SVG 벡터로

로고 원본 파일이 없을 때, 손그림·도장을 커팅기·레이저 각인용 SVG로 만들 때 쓰세요. 색이 적고 경계가 또렷한 그림일수록 잘 돼요.

파일은 서버로 전송되지 않고 내 기기에서만 처리돼요
그림을 놓거나 눌러서 고르세요PNG · JPG · WEBP · GIF · BMP · 붙여넣기(Ctrl+V)도 돼요

비트맵 그림을 선과 면으로 다시 그려요

PNG·JPG는 작은 점(픽셀)을 모아 둔 그림이라 크게 키우면 계단이 생기고 흐려져요. SVG는 ‘여기서 저기까지 이 색으로 칠한 도형’이라는 설명이라 아무리 키워도 선이 또렷하고, 커팅기·레이저 각인기·자수 프로그램·인쇄소에서 그대로 쓸 수 있어요. 그림을 넣으면 바로 변환해서 원본과 SVG 결과를 나란히 보여 주고, 설정을 바꾸면 다시 그려요.

어떻게 바꾸나요

  1. 색 줄이기 — 그림 속 색을 고른 개수만큼 대표 색으로 묶어요(k-평균 군집화, 시작점은 k-means++ 방식). 흑백 선화 모드는 밝기 기준 하나로 검정과 흰색만 남겨요. 기준을 0으로 두면 오츠 방법으로 알아서 정해요.
  2. 잡티 지우기 — 정한 크기보다 작은 점 덩어리는 둘레에서 가장 많이 맞닿은 색으로 바꿔서, 쓸데없이 작은 도형이 수천 개 생기지 않게 해요.
  3. 테두리 따라 그리기 — 같은 색 영역의 바깥 테두리와 구멍 테두리를 픽셀 경계를 따라 한 바퀴씩 이어요.
  4. 선 다듬기 — 계단 모양의 점들을 더글러스–포이커 알고리즘으로 줄이고, 꺾임이 큰 곳은 뾰족한 모서리로, 완만한 곳은 2차 베지어 곡선으로 그려요.

잘 나오게 하는 요령

색 수는 그림에 실제로 쓰인 색 수와 비슷하게 맞추세요. 로고가 빨강·파랑·검정·흰색이면 4가지가 알맞아요. 경계가 흐린 작은 그림은 ‘정밀’로 올리면 낫지만 시간이 더 걸려요. 결과 아래 색 칩을 누르면 색 코드가 복사돼요. 같은 색 영역끼리 맞닿은 곳에 가는 틈이 보이면 ‘틈 메우기’를 켜 두세요.

한계

사진은 색이 수없이 섞여 있어서 포스터처럼 단순한 그림이 되고 파일도 커져요. 글자는 글꼴 정보가 아니라 도형으로 바뀌어서 문구를 고치려면 다시 써야 해요. 반투명한 부분은 절반 이상 불투명한 곳만 그려요.

참고한 자료

자주 묻는 질문

커팅기(크리컷·실루엣)나 레이저 각인에 쓸 수 있나요?

네. ‘흑백 선화’로 바꾸고 ‘픽셀 그대로’가 아닌 다듬기를 고르면 깔끔한 칼선용 SVG가 나와요. 기계 프로그램에서 SVG를 불러오면 돼요.

결과 SVG 파일이 너무 커요.

색 수를 줄이고 잡티 지우기를 ‘큰 점까지’로 올리거나 정밀도를 ‘빠르게’로 낮춰 보세요. 도형 수가 크게 줄어요.

파일이 서버로 올라가나요?

아니요. 이 기기 브라우저 안에서만 처리해요.

함께 쓰면 좋은 도구