Inkscape Object to Path와 Stroke to Path의 차이

Inkscape의 Object to Path는 도형이나 텍스트를 경로 도형으로 바꿉니다. Stroke to Path는 눈에 보이는 스트로크를 채워진 도형으로 바꿉니다. 채움 없이 굵은 스트로크가 있는 원에서 Object to Path는 스트로크를 계속 편집할 수 있게 유지하고, Stroke to Path는 고리 자체를 채워진 도형으로 만듭니다.

편집할 대상이 스트로크를 지탱하는 선인지, 칠해진 띠의 경계인지 정해 두 명령 중 선택하세요. 고리 화면 캡처는 어느 쪽이든 비슷하게 보일 수 있으므로 외관만으로는 제대로 점검하기 어렵습니다.

이 비교는 Inkscape 문서의 명령 동작과 직접 만든 작은 SVG 예제를 사용합니다. 아래 코드와 렌더링 점검은 두 표현을 보여 주며 Inkscape의 네이티브 내보내기가 아닙니다.

스트로크가 있는 원 하나에서 명령 비교하기

채움 없음, 청록색 스트로크, 스트로크 두께 24단위인 원으로 시작하세요. 원본을 보관하고 각 변환용 사본을 따로 만들어 한 명령의 결과가 다른 명령의 입력이 되지 않게 합니다.

스트로크는 도형 윤곽이나 경로를 따라 띠를 칠합니다. 중심선은 그 띠를 주변에 칠하는 기준인 기하학적 선입니다. 채우기는 채우기 규칙에 따라 도형이 둘러싼 영역을 칠합니다.

이 단순한 원에서 차이는 다음과 같습니다.

이 표는 의도적으로 파선이 아니며 채움 없는 원 하나만 다룹니다. 텍스트, 채움과 스트로크가 함께 있는 선택, 마커, 효과, 변환된 그룹은 따로 확인해야 합니다. 이 예제로 고정 노드 수나 객체 수를 추정하지 마세요.

Object to Path는 도형의 표현을 바꿉니다

Inkscape의 도형-경로 매뉴얼은 편집 가능한 기하학적 도형과 노드로 편집하는 경로를 구분합니다. 원은 도형 고유 컨트롤에서 시작합니다. 대신 경로 노드로 도형을 바꿔야 할 때 Path → Object to Path를 사용하세요.

원을 경로로 변환한다고 그 자체로 스트로크 두께가 채움 도형이 되지는 않습니다. 경로는 계속 채움과 스트로크를 가질 수 있습니다. 이 채움 없는 사례에서는 청록색 띠가 원형 경로 위의 편집 가능한 스트로크로 남습니다.

따라서 조절 가능한 스트로크 두께를 유지하면서 원 일부의 모양을 바꾸려면 Object to Path가 유용합니다. 더 큰 원이나 다른 두께만 원한다면 덜 유용합니다. 원래 도형에 이미 그 변경용 컨트롤이 있기 때문입니다.

변환은 원래 도형의 특수 컨트롤을 잃는 대가도 있습니다. Inkscape의 고급 튜토리얼은 외관을 유지하면서 원래 객체 유형에 연결된 기능을 잃는다고 설명합니다. 나중에 원으로서 조정할 예정이라면 원본 원을 보관하세요.

텍스트에도 같은 선택이 편집에 영향을 줍니다. 변환한 글자 도형은 경로로 편집할 수 있지만 원래 편집 가능한 텍스트는 별도 원본에 남겨야 합니다. 글자 변환은 스트로크를 윤곽으로 바꾸는 것과 다른 필요입니다.

Stroke to Path는 칠해진 띠를 도형으로 만듭니다

눈에 보이는 스트로크 영역을 채움 경로 도형으로 만들려면 Path → Stroke to Path를 사용하세요. Inkscape 고급 튜토리얼은 채움 없이 스트로크가 있는 경로를 예로 들어, 변환 결과에 채움은 있고 스트로크는 없다고 설명합니다.

예제 원에서는 고리 바깥쪽과 구멍 안쪽이라는 두 경계를 생각하세요. 둘이 함께 이전 스트로크가 칠했던 청록색 영역을 둘러쌉니다.

윤곽으로 변환한 스트로크는 이전 스트로크의 가시 영역을 나타내는 채움 경로입니다. 변환 후에는 원래 두께가 도형의 일부입니다. 바꾸려면 이전 스트로크 두께를 조정하는 대신 경계를 편집하거나 적절한 도형 연산을 적용해야 합니다.

경로는 계속 스트로크를 가질 수 있으므로 윤곽 변환 결과에 새 스트로크를 더할 수 있습니다. 이는 새 도형 주변에 채색을 추가하며 원래 원의 편집 가능한 스트로크 표현을 복원하지는 않습니다. 다른 스트로크를 적용한 뒤 윤곽이 예상치 않게 두꺼워질 때 이 차이가 중요합니다.

열린 선의 가시 윤곽은 끝 모양과 연결 모양 선택에도 좌우됩니다. Inkscape 스트로크 매뉴얼은 이를 스트로크 설정으로 설명합니다. 입력에 그런 기능이 있다면 파선 없는 원과 정확히 같다고 가정하지 말고 실제 결과를 확인하세요.

직접 만든 SVG 예제로 차이 보기

아래 파일 세 개는 256 × 256 그리기 영역에서 같은 의도한 고리를 설명합니다. 이 비교를 위해 직접 쓴 원본 SVG 삽화이며 어느 Inkscape 명령에서 복사한 XML도 아닙니다.

각 블록을 표시한 파일명으로 저장하세요. SVG를 지원하는 뷰어나 편집기에서 열고 외관과 원본을 함께 비교합니다.

1. 도형 입력, shape.svg:

<svg xmlns="http://www.w3.org/2000/svg"
     width="256" height="256" viewBox="0 0 256 256">
  <circle cx="128" cy="128" r="72"
          fill="none" stroke="#0d9488" stroke-width="24"/>
</svg>

2. 편집 가능한 스트로크를 가진 경로, center-path.svg:

<svg xmlns="http://www.w3.org/2000/svg"
     width="256" height="256" viewBox="0 0 256 256">
  <path d="M 128 56 A 72 72 0 1 1 128 200
           A 72 72 0 1 1 128 56 Z"
        fill="none" stroke="#0d9488" stroke-width="24"/>
</svg>

요소는 circle에서 path로 바뀌었지만 stroke와 stroke-width는 남습니다. 경로는 중심선을 설명하고 스트로크가 두께를 칠합니다.

3. 채워진 띠, filled-band.svg:

<svg xmlns="http://www.w3.org/2000/svg"
     width="256" height="256" viewBox="0 0 256 256">
  <path d="M 128 44 A 84 84 0 1 1 128 212
           A 84 84 0 1 1 128 44 Z
           M 128 68 A 60 60 0 1 1 128 188
           A 60 60 0 1 1 128 68 Z"
        fill="#0d9488" fill-rule="evenodd"/>
</svg>

띠의 바깥·안쪽 반지름은 84와 60단위로, 반지름 72단위에 24단위 스트로크 두께의 절반을 더하거나 뺀 값입니다. evenodd 채우기 규칙은 가운데를 칠하지 않습니다. 이 파일에는 채움이 있으며 편집 가능한 스트로크는 없습니다.

파일들을 저장하고 다시 열어 속성을 확인한 뒤 Sharp와 librsvg로 렌더링했습니다. 세 기본 렌더링 모두 가운데가 비었고 같은 고리 표본 지점에 청록색이 칠해졌습니다. 안티앨리어싱 경계 픽셀은 동일하지 않았으므로 픽셀 단위 내보내기 비교가 아니라 표현 방식 시연입니다.

그다음 스트로크 경로 파일의 사본에서 stroke-width="24"만 stroke-width="40"으로 바꿨습니다. 스트로크 띠가 확장돼 이전에 비어 있던 128,40이 칠해졌습니다. 변경하지 않은 채움 띠 파일에서는 그곳이 계속 비어 있었습니다.

이것이 유용한 점검입니다. 무엇이 두께를 결정하는지 식별하고 그 속성을 의도적으로 바꾸세요. 이 예제에서 네이티브 Inkscape 명령을 실행하지 않았으며, 렌더링은 실제 편집기의 노드 수, 그룹화, 내보내기 동작을 입증하지 않습니다.

다음 단계에 필요한 표현 선택하기

다음 편집의 목표로 명령을 고르세요.

채움 윤곽과 중심선은 절단이나 플로팅에서 다른 입력입니다. 경로 경계를 따르는 후속 프로그램은 채움 고리의 안쪽·바깥쪽 윤곽을 단일 중심선과 다르게 해석할 수 있습니다. 따라서 윤곽 변환은 도형 선택이며 기계가 한 번만 통과한다는 보장이 아닙니다. 실제 가져오기에서 추가 통과가 생긴다면 이중 선 절단 점검을 사용하세요.

마찬가지로 수신 애플리케이션이 스트로크를 다르게 처리하면 윤곽 변환이 도움이 될 수 있지만 모든 선 누락 문제를 진단하지는 않습니다. 내보낸 뒤 선이 사라지면 SVG 스트로크 내보내기 진단을 따르세요.

두 명령 모두 픽셀을 경로로 트레이싱하지 않습니다

PNG나 JPG는 픽셀로 된 래스터 이미지입니다. 이 두 Path 메뉴 명령은 기존 벡터 도형, 텍스트, 경로, 칠해진 스트로크를 다룹니다. 이미지 트레이싱 과정이 아닙니다.

선택한 항목이 이미지라면 실제 벡터 도형이 필요한지 결정하세요. 로컬 트레이싱은 별도의 Inkscape Trace Bitmap 과정을 사용합니다. SVG가 여전히 선택 객체 하나처럼 동작한다면 반복 변환하기 전에 그룹, 복합 경로, 내장 이미지를 확인하세요.

유일한 원본이 단순한 래스터 로고이고 편집 가능한 채움 경로가 필요하다면 PerfectVector 이미지-벡터 도구도 시작점입니다. 보호된 래스터 미리보기를 확인한 다음 실제 SVG 편집·내보내기 전에 결과를 잠금 해제하세요. 경로 명령을 선택하기 전에 편집기에서 결과 경로를 점검합니다. 트레이싱한 실루엣은 원래 그림의 중심선을 복원하지 않습니다.

다시 변환하기 전에 선택 객체 확인하기

편집 가능한 원본을 보관하고 사본으로 작업하며 자신의 Inkscape 문서에서 세 가지를 확인하세요.

1. 객체 유형: 선택 대상이 도형 고유 컨트롤을 가진 도형, 텍스트, 일반 경로, 그룹, 내장 이미지 중 무엇인가요?
2. 채색: 눈에 보이는 띠가 스트로크에서 나오나요, 채움에서 나오나요?
3. 편집 목표: 중심선을 옮기거나 두께를 바꾸거나 채움 영역의 경계를 바꿔야 하나요?

노드 도구와 채움·스트로크 컨트롤을 함께 사용하세요. 노드가 보인다고 스트로크가 윤곽으로 변환됐다는 뜻은 아닙니다. 일반 경로에도 편집 가능한 스트로크가 있을 수 있습니다. 채움 띠가 보인다고 커팅 도구나 인쇄소에 전달할 준비가 끝났다는 뜻도 아닙니다.

이 명령 선택 밖의 다른 문제는 SVG 문제 해결 가이드를 살펴보세요.

자주 묻는 질문

Object to Path는 스트로크도 윤곽으로 바꾸나요?

아닙니다. Object to Path는 도형이나 텍스트를 경로 도형으로 바꿉니다. 결과 경로는 편집 가능한 스트로크를 유지할 수 있습니다. 칠해진 스트로크 띠를 채움 도형으로 만들려면 Stroke to Path를 사용하세요.

Stroke to Path 이후에 두께를 바꿀 수 있나요?

이전 스트로크 두께는 이제 채움 윤곽 도형의 일부입니다. 경계를 편집하거나 적절한 도형 연산을 사용하세요. 새 스트로크를 더하면 그 도형 주변을 칠하며 원래 스트로크가 복원되지는 않습니다.

Inkscape에서 경로도 여전히 객체인가요?

네. 경로는 객체의 한 종류입니다. Object to Path는 지원되는 비경로 객체를 경로 도형으로 바꾸는 명령이며 객체가 더는 객체가 아니게 만드는 명령이 아닙니다.

둘 중 하나로 PNG를 편집 가능한 경로로 바꿀 수 있나요?

아닙니다. 래스터-벡터 트레이싱은 별도 과정입니다. 먼저 벡터 도형을 만들거나 복원하고 도형, 편집 가능한 스트로크, 채움 경로 중 무엇이 있는지 확인한 뒤 변환 명령을 고르세요.

출처

1. Inkscape 고급 튜토리얼 — 경로, 도형·텍스트 변환, 채움 없는 스트로크를 채움 윤곽으로 바꾸는 방법을 설명합니다.
2. 기하학적 도형의 노드 편집, Inkscape 매뉴얼 — 도형 고유 컨트롤과 경로 노드를 구분하고 Object to Path를 설명합니다.
3. 스트로크, Inkscape 매뉴얼 — 편집 가능한 스트로크 두께, 끝 모양, 연결 모양, 파선, 채색을 설명합니다.
4. SVG 2 채색 규격 — 직접 작성한 SVG 시연의 채우기 규칙과 스트로크 채색을 정의합니다.

PNG나 JPG만 있고 먼저 벡터 도형이 필요하나요? PerfectVector로 이미지를 변환하고 보호된 미리보기를 확인한 뒤, 결과를 잠금 해제해 SVG를 편집하고 내보내세요. 이미 편집 가능한 벡터 그림이 있다면 그 원본에서 계속 작업하고 필요한 도형에 맞는 명령을 선택합니다.