사용 방법
- PNG, JPG, WebP, GIF 이미지를 선택하거나 끌어다 놓으세요.
- “컬러” 또는 “흑백”을 고르고, 컬러라면 사용할 색상 수를 고르세요.
- SVG가 만족스러워질 때까지 “세부 정도”와 “이보다 작은 점 제거”를 조절하세요.
- “SVG 다운로드” 또는 “SVG 코드 복사”를 누르세요.
옵션 설명
- 색상 수
- 색 하나가 도형 레이어 하나가 돼요. 로고는 보통 2–8색이면 충분해요. 색이 많을수록 음영이 남지만 파일이 커져요.
- 세부 정도
- 높을수록 원본 윤곽을 더 가깝게 따라가고, 낮을수록 곡선이 매끄럽고 단순해지며 파일도 작아져요.
- 이보다 작은 점 제거
- 노이즈나 JPEG 노이즈 때문에 생기는 아주 작은 도형을 없애 줘요.
자주 쓰는 이미지에 맞는 설정
| 이미지 | 모드 | 색상 수 | 세부 정도 | 이보다 작은 점 제거 |
|---|---|---|---|---|
| 2색 로고 또는 아이콘 | 컬러 | 2–4 | 기본값 (60) | 기본값 (8 px) |
| 그라디언트나 음영이 있는 로고 | 컬러 | 8–16 | 60–80 | 4–8 px |
| 스캔한 서명이나 손글씨 | 흑백 | — | 60–80 | 8–16 px, 종이 질감 제거용 |
| 선 그림이나 클립아트 | 흑백, 또는 4–8색 컬러 | — | 70–90 | 4–8 px |
| 사진 | 컬러 | 16–32 | 40–60 | 16 px 이상. 포스터 같은 결과를 예상하세요 |
가장 긴 변이 1000 px보다 큰 이미지는 트레이싱 전에 1000 px로 줄여서 빠르게 처리해요. SVG는 이후 어떤 크기로 확대해도 선명도를 잃지 않아요.
SVG로 변환하는 이유
인쇄물과 간판. SVG 로고는 픽셀이 아니라 도형으로 이뤄져 있어서 명함이나 배너에도 선명하게 인쇄돼요.
웹사이트와 앱. 작은 SVG 아이콘은 고해상도 화면에서도 또렷하고 CSS로 색을 바꿀 수 있어요.
커팅 머신. Cricut, Silhouette, 레이저 커터는 벡터 경로를 따라 작업하므로 트레이싱한 흑백 디자인을 바로 가져올 수 있어요.
자주 묻는 질문
사진에도 쓸 수 있나요?
실행은 되지만 결과는 평평한 색 면으로 된 포스터 같은 모습이에요. 벡터화는 로고, 아이콘, 선화, 글자에 알맞아요.
파일이 왜 커지나요?
색상이 많거나 세부 정도가 높거나 노이즈가 많은 이미지는 수천 개의 도형을 만들기 때문이에요. 색상이나 세부 정도를 낮추거나 제거할 점 크기를 키워 보세요.
이미지가 업로드되나요?
아니요. 브라우저에서 트레이싱해요.
개인정보 보호
이 도구는 전적으로 브라우저에서 실행돼요. 파일과 텍스트는 기기에서 처리되며 서버로 업로드되지 않아요.