사용 방법
- PNG · JPG · WebP 이미지를 끌어다 놓거나 열기 버튼으로 골라요.
- 로고 · 아이콘, 일러스트, 흑백 선화, 사진 포스터 중 비슷한 프리셋을 눌러요.
- 색 개수 · 단순화 · 잡티 제거 · 배경 빼기를 조절하며 원본과 SVG를 나란히 확대해 비교해요.
- path 개수와 용량을 확인하고 .svg로 받거나 코드를 복사해요.
PNG · JPG · WebP 이미지의 윤곽을 따라 벡터 SVG로 바꿔요. 로고 · 일러스트 · 흑백 선화 · 포스터 프리셋과 색 개수 · 세밀함을 고르고 원본과 나란히 비교해요.
이미지를 끌어다 놓거나 눌러서 고르세요
PNG · JPG · WebP · GIF(첫 장면) · 붙여넣기(Ctrl+V)도 돼요.
로고 · 아이콘처럼 색이 적고 윤곽이 또렷한 그림일수록 깔끔하게 바뀌어요.
이미지는 서버로 올라가지 않아요. 변환은 이 기기 브라우저 안에서만 해요. (imagetracerjs 1.2.6 · Unlicense)
알아 두세요. 로고 · 아이콘처럼 색이 단순한 그림에 잘 맞아요. 사진은 포스터처럼 단순해지고, 큰 이미지는 변환이 오래 걸리거나 SVG 용량이 커질 수 있어요.
사진은 색과 경계가 아주 많아서 몇 가지 색으로 단순화한 포스터 느낌이 돼요. 로고 · 아이콘 · 선화처럼 색이 적고 윤곽이 또렷한 이미지일수록 결과가 깔끔하고 가벼워요.
색 개수를 줄이고 잡티 제거와 직선 · 곡선 단순화 값을 올려 보세요. 큰 이미지는 긴 변 1000px로 줄여서 변환하는 옵션을 켜 두면 path 수가 줄어요.
아니요. 변환은 imagetracerjs 라이브러리로 이 기기 브라우저 안에서만 하고, 이미지는 어디에도 전송되지 않아요.