PerfectVector
작성: Irene Kim

AutoTrace로 PNG를 중심선 SVG로 변환하는 방법

AutoTrace의 중심선 옵션으로 PNG를 SVG로 저장한 뒤 선, 채우기, 열린 하위 경로를 살펴보세요. 경로 요소가 하나라고 해서 끊김 없이 이어진 선이라는 뜻은 아닙니다.

6분 읽기
목차

독립 실행형 AutoTrace CLI로 PNG를 중심선 SVG로 변환하려면 --centerline을 추가하고, 출력 형식을 SVG로 지정한 뒤 저장할 파일명을 정하세요. 변환 후에는 실제 형상을 확인해야 합니다. AutoTrace 0.40.0으로 테스트 이미지를 변환했을 때 채우기 없이 선으로 그려진 경로가 만들어졌지만, 그 경로 요소 하나 안에는 서로 떨어진 열린 하위 경로가 두 개 있었습니다. 경로 요소 수가 적다는 사실만으로 그림이 하나의 연속된 선으로 이어진다고 판단할 수는 없습니다.

그림의 일부에 채워진 윤곽선이 필요하다면 PerfectVector로 무료로 시작하고 미리보기에서 실루엣과 도형 내부의 구멍을 확인하세요. PerfectVector는 중심선을 만들지 않습니다. 결과를 편집하거나 내보내려면 잠금 해제가 필요합니다. 중심선이 필요한 부분은 아래의 로컬 작업 절차를 따르세요.

내 이미지로 직접 해 보세요
전체 도구 열기
무료로 써 보세요. 이미지를 놓으면 가입 없이 벡터 미리보기를 볼 수 있어요.

독립 실행형 AutoTrace CLI인지 확인하기

이 가이드에서는 공식 AutoTrace 프로젝트에서 설명하는 설치된 autotrace 실행 파일을 사용합니다. AutoTracer.org는 자체 인터페이스를 갖춘 브라우저 업로드 서비스입니다. 해당 컨트롤은 아래 명령이 아닙니다. Inkscape의 중앙선 인터페이스는 작업에 대한 또 다른 경로입니다. 한 줄 SVG로 그리기 가이드에서는 GUI 작업 흐름, 소스 준비, 정리 및 이후 플로터 확인을 다룹니다.

설치된 AutoTrace 실행 파일, 터미널, 허용된 PNG 및 SVG 뷰어 또는 일반 텍스트 편집기가 필요합니다. line-control.png라는 작업 복사본을 별도의 폴더에 넣고 원본을 보존하세요. 우리의 테스트 참조는 목적에 맞게 제작된 160 × 120 RGB PNG였습니다. 불투명한 흰색 배경에 두 개의 오른쪽 막대가 있는 두꺼운 검정색 수직 줄기입니다.

트레이싱하기 전에 설치된 빌드를 확인하세요.

autotrace --version
autotrace --help
autotrace --list-input-formats
autotrace --list-output-formats

우리 버전은 AutoTrace version 0.40.0.을 반환했습니다. 해당 버전의 형식 목록에는 PNG 입력 및 SVG 출력이 포함되었습니다. 프로젝트에서는 형식 지원이 빌드에 따라 다르다고 지적합니다. 실제 입력 목록에서 PNG가 누락된 경우 변환 명령을 복사하기 전에 해당 빌드의 입력 지원을 확인하세요.

1. 비교할 윤곽선 SVG 저장하기

먼저 일반 트레이싱을 자체 파일 이름으로 저장합니다.

autotrace --background-color FFFFFF \
  --output-format svg --output-file outline.svg line-control.png

관리자 명령 매뉴얼에는 배경색을 무시할 16진수 색상으로 기록하고 출력 옵션을 요청된 형식 및 대상 파일로 문서화합니다. FFFFFF는 여기서 흰색을 식별합니다. 맹목적으로 모든 이미지에 선택 사항을 추가하는 대신 해당 선택 사항을 소스에 연결해 두십시오.

실제 outline.svg에는 fill:#000000; stroke:none;. 두꺼운 검은색 영역의 경계를 기술하였습니다. 색상이 채워진 도형으로 표현되는 트레이싱된 라인 아트에 대한 자세한 설명은 라인 아트를 SVG로을 참조하세요.

2. 중심선 옵션을 추가해 별도의 SVG로 저장하기

중앙선 옵션과 새 출력 파일 이름을 사용하여 동일한 소스를 실행합니다.

autotrace --background-color FFFFFF \
  --output-format svg --output-file centerline.svg \
  --centerline line-control.png

공식 프로젝트와 매뉴얼은 중심선 트레이싱과 외곽선 트레이싱을 구별합니다. 저장된 centerline.svg에는 stroke:#000000; fill:none;, 경로 요소는 하나이고 이미지 요소는 없습니다. 그 기하학적 구조는 경계 모양을 채우는 대신 소스의 두꺼운 영역을 통과하는 얇은 경로를 따랐습니다.

또한 명시적인 흰색 배경 옵션 없이 동일한 소스를 테스트했습니다.

autotrace --centerline --output-format svg \
  --output-file centerline-background-retained.svg line-control.png

해당 파일은 이 테스트 참조의 centerline.svg와 바이트 단위로 동일했습니다. 따라서 이 소스 및 빌드에는 명시적인 배경 플래그가 필요하지 않았습니다. 누락된 분기에 대한 보편적인 수정이나 모든 배경 결과에 대한 설명으로 취급하지 마십시오.

3. 경로 개수뿐 아니라 실제 연결 상태 확인하기

이는 실제 저장된 파일 3개에서 관찰한 결과이며, SVG 마크업으로 검사되고 로컬로 렌더링됩니다. 파일은 원래 명령줄 테스트에서 유지되었습니다. 검사에서는 해당 출력을 재사용했으며 두 번째 변환 실행을 수행했다고 주장하지 않습니다.

저장한 파일경로 요소 수채우기·선과 닫힘 상태확인할 수 있는 내용
outline.svg하나검정색 채우기, 획 없음; 닫힌 하위 경로 1개일반적으로 채워진 경계 트레이싱
centerline.svg하나검정색 획, 채우기 없음; 두 개의 열린 하위 경로도면 경로에 간격이 있는 중심선 형상
centerline-background-retained.svg하나중앙선 파일과 동일한 바이트배경 옵션을 생략해도 여기서는 아무런 차이가 없습니다.

하위 경로는 경로 요소 내부의 별도 윤곽선입니다. SVG 경로 사양에 정의된 대로 SVG 경로 데이터에서 M은 하위 경로를 시작하고 Z는 하위 경로를 닫습니다. 중심선 경로에는 두 개의 M 명령이 있고 Z 명령은 없습니다. 읽기를 위해 공백이 추가된 관련 저장된 데이터는 다음과 같습니다.

M30 30L30 75
C30 80.0707 28.3961 88.5616 31.6034 92.8519
C35.7319 98.3743 47.9272 96 54 96L117 96
M31 56L87 56

첫 번째 경로는 x = 30에서 수직 줄기를 따라 시작합니다. 두 번째 경로는 x = 31, y = 56에서 시작합니다. 분리된 시작은 합류된 가지의 증거가 아닙니다. 이 간단한 입력이라도 누군가가 이를 연속 경로로 취급하기 전에 끝점 검사가 필요합니다.

삽화
끝점과 확대된 간격이 있는 별도의 열린 곡선을 포함하는 개념적 경로 문서
저장된 경로 개체 내의 도면 경로에서 끝점과 간격을 확인합니다.

소스 옆에 있는 SVG를 엽니다. 원줄기, 각 곁가지, 끝점, 예상치 못한 고리를 확인하세요. 저장된 획/채우기 속성과 경로 데이터를 사용하여 구조적인 질문에 답하세요. 얇아 보이는 미리보기만으로도 채워진 윤곽선이나 연결이 끊어진 가지를 숨길 수 있습니다. 이러한 검사를 통해 파일 내용을 확인합니다. 다른 도구에서는 성공적인 가져오기 또는 펜 플로팅을 확인하지 않습니다.

확인 중 문제가 생겼을 때

확인 실패다음 작업
PNG가 거부되었습니다.설치된 입력 형식 목록과 해당 빌드의 종속성을 확인하세요.
SVG는 여전히 채워진 닫힌 모양입니다.--centerline이 사용되었는지 확인하고 윤곽선 트레이싱 참조 SVG가 아닌 새로 명명된 출력을 검사합니다.
길은 보기 힘들다획과 채우기를 검사한 다음 대조되는 뷰어 배경을 선택하세요.
분기가 없거나 분리되었습니다.소스를 다시 방문하고 엔드포인트를 검사하고 의도적으로 경로를 복구합니다.
하나의 경로는 하나의 연속된 선으로 처리됩니다.해당 요소 내에서 별도의 M 시작 및 실제 연결을 검사합니다.

허용된 SVG를 원래 PNG, AutoTrace 버전 및 전체 명령과 함께 유지하세요. 이 CLI 작업에 대한 완료 확인은 SVG 스트로크 및 검사된 중단으로 표시되는 의도된 그리기 경로가 있는 저장된 SVG입니다. 수신 앱, 기본 편집, 물리적 펜 드로잉 또는 물리적 절단을 테스트하지 않았습니다. 다음 결정을 위해서는 단선 그리기 가이드의 정리 및 플로터 검사를 사용하세요. 자동 트레이싱은 완벽한 분기 재구성의 증거가 아닙니다.

프로젝트의 별도 부분에 색상 채우기가 포함된 단색 모양이 필요한 경우 PerfectVector로 무료로 시작하고 미리보기의 외부 모양과 내부 구멍을 소스와 비교하세요. 중심선 지원 작업 흐름에서 중심선 부분을 유지합니다.

FAQ

중심선 PNG를 SVG로 변환하는 AutoTrace 명령은 무엇입니까?

--centerline, --output-format svg, --output-file 대상 및 PNG 입력과 함께 autotrace를 사용하세요. 설치된 버전과 지원되는 입력 형식을 먼저 확인한 다음 저장된 SVG의 획, 채우기 및 경로를 검사하세요.

하나의 SVG 경로는 항상 하나의 연속된 중심선입니까?

아니요. 경로 요소에는 여러 하위 경로가 포함될 수 있습니다. 실제 중심선 SVG에는 하나의 경로 요소가 있지만 두 개의 열린 하위 경로가 있으므로 요소 수만으로는 연속 경로를 증명할 수 없습니다.

흰색 배경 옵션이 필수인가요?

AutoTrace 0.40.0의 흰색 배경 테스트 이미지에는 필요하지 않았습니다. 이를 생략하면 동일한 SVG 바이트가 생성되었습니다. 중심선 형상을 복구한다고 가정하는 대신 소스 및 설치된 빌드에 대한 배경 처리를 선택하십시오.

PerfectVector가 동일한 중심선 출력을 만들 수 있나요?

PerfectVector는 중심선이 아닌 색상 채우기를 사용하여 윤곽선 벡터 모양을 만듭니다. 별도의 채워진 모양 작업을 수행할 수 있는 반면, 중간을 통과하는 경로가 필요한 표시에는 중심선 지원 도구나 의도적인 그림이 필요합니다.

출처

  1. 공식 AutoTrace 프로젝트 — 독립형 CLI, 중앙선 지원, 사용법 및 빌드 종속 입력 형식.
  2. AutoTrace 명령 매뉴얼 — 중심선, 배경, 출력 파일 및 출력 형식 옵션.
  3. W3C SVG 경로 사양 — 하위 경로, moveto 명령 및 클로저.
  4. AutoTracer.org — 설치된 CLI와 구별되는 별도의 브라우저 서비스입니다.

블로그의 다른 글

PerfectVector

이미지를
깔끔하고 편집 가능한 벡터 패스로 바꿔보세요

벡터화와 미리보기 확인은 무료이며 하루 사용 횟수 제한이 없습니다.