이미지 → SVG

모양의 그림과 모양 그 자체의 차이

PNG나 JPG는 픽셀 격자입니다. 네이티브 크기를 넘어 키우면 격자가 드러납니다. 가장자리가 계단이 되고, 선명한 로고가 흐려지며, 브라우저가 할 수 있는 게 없습니다. 세부가 애초에 거기 없었으니까요. SVG는 전혀 다른 것을 저장합니다. 실제 기하죠. 원은 원으로, 곡선은 경로로, 채움은 색으로 기술됩니다. 모양이 픽셀이 아니라 수학이기에, 어떤 크기에서도 선명하게 다시 그려집니다. 명함에도, 광고판에도, 파비콘에도 올릴 로고가 진짜로 SVG이길 원하는 이유가 그것입니다. 파일 하나로, 흐림 없이, 모든 배율에서요.

이 도구는 래스터 이미지를 그런 벡터 파일로 변환하고, 전체를 여러분의 브라우저에서 합니다. PNG나 JPG를 고르면 imagetracer 엔진으로 모양을 추적해 SVG를 돌려줍니다. 이미지를 여러분 자신의 기기에 있는 캔버스에서 읽습니다. 아무것도 업로드하지 않고, 계정도 없으며, 페이지가 로드되면 네트워크를 꺼도 계속 작동합니다. 넣는 그림은 절대 기기를 떠나지 않습니다.

진짜로 잘하는 것

추적은 입력이 평평하고 가장자리가 깨끗할 때 빛납니다. 로고, 아이콘, 단순한 일러스트, 선화, 손글씨 조각 같은 것들이죠. 이것들은 적은 수의 단색과 뚜렷한 경계를 가지는데, 바로 추적기가 잘 읽는 것입니다. 각 색 영역을 찾아 그 주위에 경로를 그리면, 결과는 소수의 모양으로 된 말끔한 SVG입니다. 작은 파일, 선명한 가장자리, 이후 편집하기 쉬움.

프리셋이 추적기가 이미지를 어떻게 읽을지 조종합니다. Flat / logo는 색 수를 낮게, 모양을 단순하게 유지하며, 두세 색 마크에 가장 좋습니다. Detailed는 더 미묘함을 담은 일러스트를 위해 더 많은 색과 더 섬세한 경로를 허용합니다. Posterized는 이미지를 대담한 평평한 띠로 뭉개, 그래픽 포스터 느낌을 냅니다. Black & white는 모든 것을 두 톤으로 줄여, 선화, 스탬프, 실루엣에 이상적입니다. 색이 적을수록 더 작고 깨끗한 파일이고, 색이 많을수록 미묘함을 잡지만 경로와 무게가 늘어납니다. 같은 이미지에 두 프리셋을 시도해 비교할 가치가 있습니다. 전후 미리보기가 원본과 추적 결과를 나란히 보여주므로 내려받기 전에 판단할 수 있습니다.

사진에 대한 솔직한 유의점

사진도 추적되긴 하지만, 거의 확실히 원치 않을 겁니다. 사진에는 살짝씩 다른 색 수천 가지가 있고 단단한 가장자리가 없습니다. 추적기는 그 모두를 겹쳐 쌓인 평평한 색 덩어리로 근사해야 합니다. 나오는 SVG는 거대하고(흔히 원본 JPG보다 훨씬 큼), 사진 같기보다 번지고 포스터화되어 보이며, 편집하기 비참합니다. 연속 톤인 무엇에든—사람, 풍경, 제품 사진—래스터 형식이 알맞은 답이고, 그것을 위한 압축기와 변환기가 있습니다. SVG는 모양을 위한 것이지 사진을 위한 것이 아닙니다. 이 도구가 사진을 추적하는 걸 막지는 않겠지만, 미리보기가 문제를 명백하게 보여줄 것입니다.

분명히 할 것 하나 더: 이것은 진짜 추적입니다. 여러분이 준 픽셀을 읽어 그것을 따르는 벡터 경로를 그립니다. 로고를 새로운 무언가로 다시 그리거나 "정리"하는 AI가 아닙니다. 원본이 흐릿하거나, 저해상도이거나, 잡음이 많으면 추적이 그것을 물려받습니다. 깨끗하고 선명하며 색이 적은 입력은 깨끗한 결과를, 지저분한 것은 지저분한 경로를 줍니다.

추적 후 다시 칠하고 편집하기

출력이 이름 붙은 경로와 채움으로 된 평범한 SVG이므로, 추적이 만든 색에 갇히지 않습니다. 파일을 벡터 편집기—Illustrator, Inkscape, Figma, 심지어 텍스트 편집기—에서 열면, 채움 하나를 바꿔 전체 영역을 다시 칠하거나, 경로를 살짝 옮기거나, 추적기가 집어 든 떠도는 모양을 지우거나, 색을 여러분의 정확한 브랜드 HEX로 설정할 수 있습니다. 로고를 벡터 형태로 얻는 진짜 이점이 그것입니다. 고정된 그림이기를 멈추고, 어떤 크기에서도 흐림 없이 여러분이 소유하는 편집 가능한 객체가 됩니다.