PNG를 SVG로 변환 - 진짜 벡터 트레이싱, 무료

이 사이트의 다른 모든 변환기는 같은 픽셀을 다른 그릇에 옮겨 담습니다. 이것은 다릅니다. 이미지를 살펴 색 영역 사이의 경계를 찾아내고, 본 것에 근접한 새로운 도형을 그립니다. 여기서 "변환"이라는 말은 꽤 무거운 일을 하고 있습니다. 이것은 다시 그리기이며, 바로 그 사실이 당신의 파일에서 통할지를 결정합니다.

PNG를 SVG로 변환하는 방법

1. 1 평면적인 PNG를 놓으세요 — 로고, 아이콘, 실루엣, 선화 같은 것들요.
2. 2 몇 가지 색을 남길지 정하세요. 대부분의 로고는 2~6개일 때 가장 보기 좋습니다. 색이 많을수록 도형도 늘어납니다.
3. 3 벡터로 변환한 뒤 SVG를 내려받거나 코드를 복사하세요. 벡터 편집기에서 다듬을 것을 염두에 두세요.

평면 그래픽은 됩니다. 사진은 안 됩니다.

트레이싱에는 따라갈 경계가 필요합니다. 빨간 도형이 끝나고 흰 도형이 시작되는 지점 같은 것 말입니다. 로고, 아이콘, 실루엣, 선화에는 그런 경계가 가득해서 깔끔하게 따집니다. 사진에는 거의 없습니다. 색이 모든 표면에서 서서히 변하기 때문에, 트레이서는 그 그러데이션을 수백 개의 가느다란 띠로 잘라 냅니다. 그 결과는 PNG보다 몇 배 큰 파일, 느리게 열리고, 제대로 편집할 수 없으며, 원본보다 눈에 띄게 못한 결과물입니다. 당신의 이미지가 사진이라면 솔직한 답은 이것입니다. 어떤 벡터화 도구도 도움이 되지 않습니다.

당신이 얻는 것은 진짜 SVG입니다

이것이 중요한 이유는, PNG를 SVG로 바꿔 준다는 많은 도구가 실은 전혀 다른 일을 하기 때문입니다. 당신의 PNG를 SVG 태그 안에 감싸는 것이죠. 파일 확장자는 .svg가 되지만 그것은 벡터가 전혀 아닙니다. 확대해도 매끄러워지지 않고, 색을 바꿀 수도 없으며, 디자인 도구에서 열면 잠긴 사각형 하나가 나올 뿐입니다. 이 페이지에서 나오는 것은 실제 좌표를 가진 진짜 path 요소로 이루어져 있습니다. 광고판 크기로 키울 수도, 색을 바꿀 수도, 개별 노드를 편집할 수도 있습니다. 잃어버린 원본의 복원이 아니라 당신 PNG의 근사치이지만, 진짜 벡터입니다.

깔끔한 결과를 얻는 법

가지고 있는 것 중 가장 크고 깨끗한 PNG에서 시작하세요. 로고의 스크린샷에는 압축 잡음과 안티에일리어싱된 가장자리가 섞여 있고, 트레이서는 그 흔들림을 하나하나 충실히 따라갑니다. 원본으로 내보낸 파일이 훨씬 잘 따집니다. 색상 수는 낮게 유지하세요. 로고라면 두세 개로 충분한 경우가 많고, 색을 하나 더할 때마다 도형 층이 하나씩 늘어납니다. 배경이 투명이 아니라 색이라면 먼저 제거하세요. 그러지 않으면 모든 것 뒤에 커다란 사각형이 남습니다. 마지막으로 결과를 벡터 편집기에서 열어 흩어진 조각들을 지우세요. 쓸 만한 파일과 아쉬운 파일을 가르는 것은 대개 이 1분의 정리입니다.