이미지 SVG 변환 사용 방법
- 1PNG나 JPG를 상자에 끌어다 놓거나 Ctrl+V로 붙여넣으세요.
- 2프리셋에서 로고 / 아이콘, 선화 (흑백), 일러스트, 사진 (포스터 효과) 중 하나를 고르세요.
- 3색상 수, 디테일, 노이즈 완화를 조절하고, 필요하면 흰색 부분 투명하게를 켜세요. 미리보기가 자동으로 바뀝니다.
- 4SVG 다운로드를 누르거나, SVG 코드 복사로 코드를 프로젝트에 붙여넣으세요.
벡터 변환은 이렇게 동작해요
비슷한 색끼리 묶은 다음, 각 영역의 윤곽을 매끄러운 선으로 그립니다. 그 결과 채워진 패스로 이루어진 SVG가 만들어지고, 어떤 크기로 키워도 흐려지지 않습니다. 형태가 분명하고 단색이 몇 가지뿐인 이미지에서 가장 잘 동작합니다. 로고, 아이콘, 서명, 도장, 클립아트, 선 그림이 대표적입니다.
깔끔하게 변환하는 요령
- 가지고 있는 이미지 중 가장 크고 선명한 것으로 시작하세요.
- 디자인에 실제로 쓰인 만큼만 색상 수를 정하세요. 두 가지 색 로고를 16색으로 변환하면 불필요한 조각이 많이 생깁니다.
- 스캔본이나 압축 흔적이 있는 JPG는 노이즈 완화를 높이세요.
- 패스가 수천 개라면 디테일을 낮추세요. 결과 아래에 패스 수, 색상 수, 용량이 표시됩니다.
- 흰색 부분 투명하게를 켜면 흰 배경이 빠져서 로고를 어떤 배경 위에도 올릴 수 있습니다.
알아 두실 점
사진은 사실적인 벡터가 되지 않습니다. 사진 프리셋을 쓰면 포스터처럼 단순화된 느낌이 되고 파일도 커집니다. 변환은 브라우저의 백그라운드 작업으로 실행되어 페이지가 멈추지 않으며, 큰 이미지를 정밀 모드로 변환하면 몇 초 걸릴 수 있습니다. 이미지는 업로드되지 않습니다.
자주 묻는 질문
어떤 이미지가 SVG로 잘 바뀌나요?
경계가 선명하고 색이 적은 로고, 아이콘, 선화 같은 그래픽입니다. 사진이나 부드러운 그라데이션은 여러 개의 단색 조각으로 나뉩니다.
흰 배경을 없앨 수 있나요?
네. 흰색 부분 투명하게를 켜면 흰색에 가까운 부분이 SVG에서 빠집니다.
일러스트레이터, 피그마, 잉크스케이프에서 편집할 수 있나요?
네. 결과물은 채워진 패스로 된 표준 SVG라서 어떤 벡터 편집기에서도 열 수 있습니다.
SVG 파일 용량이 왜 크게 나오나요?
디테일이 높고 색이 많을수록 패스가 많아집니다. 색상 수를 줄이거나 디테일을 낮추면 가벼워집니다.
변환하려면 이미지를 업로드해야 하나요?
아니요. 변환은 내 기기의 브라우저에서 실행됩니다.