진짜 벡터 경로, 그리고 정확도가 숫자로 표시됩니다

이 용어를 검색하면 대부분의 결과는 실제로 벡터화하지 않습니다. PNG 파일을 받아 base64로 인코딩한 뒤, SVG 껍데기 안에 이미지 태그로 감싸서 반환할 뿐입니다. 확장자만 바뀌었을 뿐, 픽셀은 그대로입니다. 확대하면 여전히 PNG처럼 뿌옇게 보이고, Illustrator로 열어도 편집할 수 있는 것이 없습니다. 확인은 10초면 충분합니다: 파일을 텍스트 에디터로 열어보세요. base64로 가득 찬 텍스트만 보인다면, 그저 이름만 바꾼 파일입니다.

이 도구가 실제로 만들어내는 것

도형입니다. 트레이서는 이미지에서 경계를 찾아내고, 색상별로 그룹화된 진짜 SVG 경로(path) 요소로 기록합니다. 그래서 결과물을 무한히 확대할 수 있고, Illustrator, Figma, Inkscape에서 모든 곡선을 자유롭게 편집할 수 있습니다. 267 x 87 픽셀의 2색 로고에서는 8개의 경로 요소가 생성되었고, 파일 어디에도 base64는 없었으며, 두 가지 원본 색상은 정확한 헥스 값으로 보존되었습니다. SVG의 크기도 267 x 87로 맞춰져, 원래 PNG 대신 바로 페이지에 사용할 수 있습니다.

정확도는 측정값입니다

모든 결과에는 신뢰도 점수가 표시되며, 이는 추정이 아닙니다. 완성된 SVG를 다시 픽셀로 렌더링하여 원본 이미지와 픽셀 단위로 비교하고, 그 비율이 그대로 표시됩니다. 2색 로고는 99.5점을 받았습니다. 검증용 데이터셋에서는 모든 평면 파일이 99점 이상을 기록했고, 그 중 3개는 정확히 100.0을 달성했습니다. 실제 제작된 로고(투명 배경의 흰색과 빨간색 워드마크)는 3개의 색상 레이어와 19개의 경로로 이루어진 9.5 KB 파일로 99.7점을 기록했습니다.

트레이스된 로고가 보통 이상해 보이는 이유와 그 해결법

안티앨리어싱이 대부분의 트레이서가 글자 주위에 얼룩 무늬를 남기는 이유입니다. 경계에 있는 부드러운 색상들은 디자인의 색상이 아니라 블러(흐림)이며, 이를 색상으로 인식하면 블러까지 충실하게 트레이스하게 됩니다. 이 도구는 이미지의 원래 해상도에서 색상을 감지하여, 그러한 영역을 경계 블러로 인식하고 도형으로 만들지 않고 제거합니다. 또 다른 흔한 문제는 인접한 색상 사이에 생기는 가느다란 틈(헤어라인 갭)인데, 이는 작품을 가로지르는 얇은 밝은 선으로 나타납니다. 이 도구는 색상 레이어를 겹치게 만들어 그러한 틈이 생기지 않게 합니다.

투명도와, 보통 망치는 외곽선

반투명도가 50% 이하인 픽셀은 배경으로 간주되어 모든 트레이스된 도형에서 제외되므로, PNG에서 투명했던 부분은 SVG에서도 그대로 투명하게 유지됩니다. 더 어려운 문제는 프린지(테두리)입니다: 대부분의 트레이서가 투명 로고 주위에 남기는 1픽셀 두께의 배경색 고리로, 흰색 배경에서는 보이지 않지만 어두운 페이지에 올리면 바로 드러납니다. 이 도구는 프린트에서 차용한 트래핑(trapping) 기법으로 이를 제거합니다. 각 색상 레이어를 투명 경계에만 1픽셀씩 확장시켜, 프린지 부분을 덮으면서도 작품 내부의 경계는 움직이지 않습니다.

작고 약간 흐릿한 이미지가 일반적입니다

벡터 버전을 요청하는 대부분의 사용자는 깨끗한 원본 파일이 없습니다. 몇 년 전에 누군가 내보낸 작은 PNG만 있을 뿐입니다. 이 도구는 그런 입력에 최적화되어 있습니다: 작은 안티앨리어싱 이미지도 트레이싱 전에 확대하여, 트레이서가 실제 경계가 어디에 있는지 더 정확히 파악할 수 있습니다. 그래서 곡선이 작은 파일의 계단 현상 대신 디자이너가 그린 형태를 따릅니다. 267 픽셀 로고는 1024 픽셀로 확대되어 트레이스되었고, 결과에도 그렇게 표시됩니다. 단, 트레이싱은 픽셀이 남아있는 정보만 복원할 수 있습니다. 30 픽셀짜리 파비콘은 곡선에 대한 정보가 거의 없으므로, 결과도 단순화될 수밖에 없습니다.

사진도 되지만, 도구가 권장하지 않습니다

사진에는 되살릴 도형이 없습니다. 연속 톤이기 때문에 트레이싱하면 포스터화된 근사치가 나옵니다: 예술적 스타일로는 흥미롭지만, 복사본으로는 부적합합니다. 이 도구는 이를 숨길 수 없게 만듭니다. 연속 톤 테스트 이미지는 95.4%를 기록했고, 평면 로고는 99.5%였습니다. 로고는 2개의 색상 레이어와 8개의 경로만 필요했지만, 사진은 16개의 레이어와 9,899개의 경로가 필요했습니다. 결과에는 이미지가 연속 톤임을 알리고, PNG가 더 적합한 형식임을 안내합니다. 포스터화된 느낌을 원한다면 색상 수를 직접 지정해 사용할 수 있습니다.

색상, 또는 순수한 흑백

기본적으로 팔레트는 디자인에서 자동으로 감지되어, 2색 로고는 두 개의 깔끔한 레이어로 트레이스되고, 더 복잡한 작품은 최대 16개까지 유지됩니다. 색상 수는 2~32개까지 직접 지정할 수 있습니다. 적게 지정하면 더 깔끔하고 스타일리시한 결과, 많이 지정하면 원본과 더 비슷한 색상 매칭이 가능합니다. 서명, 도장, 선화 등에는 별도의 흑백 모드가 있어 이미지의 히스토그램에서 임계값을 자동으로 선택하거나, 1~254 사이의 값을 직접 입력해 투명 배경의 선명한 흑색 그림을 얻을 수 있습니다.

파일은 어떻게 처리되나요?

여러 이미지를 같은 설정으로 트레이스하면, 원본 파일명으로 하나의 ZIP 파일로 묶여 반환됩니다. 파일은 암호화된 연결을 통해 전송되며, 결과가 준비된 후 1시간 뒤 서버에서 삭제됩니다.

MiniPNG에서 얻을 수 있는 것

• 색상별로 그룹화된 진짜 SVG 경로 요소, 모든 벡터 프로그램에서 편집 가능
• 모든 파일에 측정된 신뢰도(%) 제공, 단순 고품질 주장 아님
• 안티앨리어싱은 얼룩 무늬로 트레이스되지 않고 제거됨
• 투명도 보존, 1픽셀 배경 프린지는 트래핑으로 제거
• 자동 팔레트 감지, 직접 지정 가능한 색상 수, 선화를 위한 흑백 모드
• 회원가입 필요 없음, 워터마크 없음, 파일은 1시간 후 서버에서 삭제

다음 단계는?

반대로 벡터를 다시 픽셀로 바꿔 업로드 폼이나 이메일에 넣고 싶으신가요? SVG를 PNG로 변환하면 원하는 크기로 렌더링할 수 있습니다. 트레이스한 파일을 보내기 전에, SVG 압축으로 편집기 불필요 데이터를 제거하고, PNG 압축으로 원본 래스터 파일도 최적화할 수 있습니다.