컬러링 도안 선 두께: 인쇄 크기에서 확인하기
최종 크기에서 컬러링 도안의 선 두께를 정하세요. 여러 두께를 비교하고 작은 색칠 공간을 보존하며 SVG가 스트로크인지 채움인지 확인합니다.
목차
컬러링 도안의 선 두께는 그림의 최종 실물 크기를 정한 뒤 선택하세요. 같은 그림에 몇 가지 두께를 적용해 비교하고, 검은 선만큼 가장 작은 흰 공간도 주의 깊게 확인합니다. 굵은 윤곽은 도형을 구분하기 쉽게 만들 수 있지만, 독자가 색칠해야 할 좁은 공간을 막을 수도 있습니다.
선택은 그림, 치수, 색칠 도구, 인쇄업체 요건에 따라 달라집니다. 아래의 재현 가능한 SVG 예제로 도형을 점검한 다음 종이 교정본으로 실제 인쇄를 확인하세요.
최종 전달 크기에서 결정하세요
두께를 비교하는 동안 치수를 고정하세요. 크기를 바꾼 뒤에는 선과 흰 틈을 다시 확인합니다. 조정하기 전에 보이는 표시가 편집 가능한 스트로크인지, 채워진 윤곽인지 확인하세요.
페이지와 그림 크기부터 설정하기
편집 가능한 원본과 의도한 페이지 크기에서 시작하세요. 100 mm 정사각형에 넣을 꽃이라면 그 크기에서 비교합니다. 편집기에서 확대해 보면 아주 작은 통로를 알아채지 못할 수 있습니다.
SVG의 viewBox는 그리기 좌표의 사각형입니다. 이 정사각형 예제는 width="100mm", height="100mm", viewBox="0 0 100 100"을 함께 사용하므로 그리기 단위 하나가 1밀리미터입니다. 같은 viewBox를 50 mm 정사각형에 사용하면 단위 하나가 0.5밀리미터가 됩니다. SVG 좌표 규격은 이 매핑을 정의합니다.
이 예제의 일반 스트로크는 도형과 함께 확대되거나 축소됩니다. 두께 0.6은 큰 파일에서 0.6 mm, 작은 파일에서 0.3 mm입니다. 이 파일들에는 크기가 고정되는 스트로크 설정이 없습니다. 편집기가 크기 조절 중 스트로크를 유지한다면 두께를 다시 확인하세요.
선과 그 옆 공간 함께 비교하기
편집 가능한 스트로크는 경로 주변을 칠합니다. 가운데 정렬된 같은 두께의 스트로크를 가진 평행한 직선 경로 두 개에서는, 중심선 사이 거리에서 스트로크 두께 하나를 빼면 빈틈의 폭이 됩니다. 곡선이 만나는 곳은 별도로 확인해야 합니다. SVG 채색 규격은 스트로크 채색과 도형 내부 채우기를 구분합니다.
그리기 단위 하나만큼 떨어진 줄기 경계 두 개를 생각해 보세요. 각 스트로크를 0.3에서 0.6으로 키우면 빈틈이 0.7에서 0.4단위로 줄어듭니다. 1.2에서는 스트로크가 겹쳐 통로가 막힙니다.
| SVG 시험 스트로크 두께 | 100 mm 크기의 선 | 100 mm 크기의 줄기 빈틈 | 50 mm 크기의 선 | 50 mm 크기의 줄기 빈틈 |
|---|---|---|---|---|
| 0.3단위 | 0.3 mm | 0.7 mm | 0.15 mm | 0.35 mm |
| 0.6단위 | 0.6 mm | 0.4 mm | 0.3 mm | 0.2 mm |
| 1.2단위 | 1.2 mm | 막힘 | 0.6 mm | 막힘 |
100 mm 크기에서 이 시험 두께는 약 0.85, 1.70, 3.40포인트입니다. 비교용 값이며 권장 최솟값이나 연령별 기준이 아닙니다. 빈틈 계산은 평행한 줄기 부분에 해당합니다. 꽃잎 끝과 곡선 연결부는 별도로 확인하세요.
책 전체를 바꾸기 전에 작은 비교 만들기
직접 작성한 이 예제를 flower.svg로 저장하세요. stroke-width만 바꿔 위의 세 행을 비교합니다. 그다음 viewBox는 유지한 채 바깥 치수 두 개를 모두 50mm로 바꿔 작은 묶음을 만듭니다.
<svg xmlns="http://www.w3.org/2000/svg"
width="100mm" height="100mm" viewBox="0 0 100 100">
<g fill="none" stroke="#000000" stroke-width="0.3"
stroke-linecap="butt" stroke-linejoin="round">
<ellipse cx="50" cy="20" rx="7" ry="10"/>
<ellipse cx="50" cy="20" rx="7" ry="10" transform="rotate(60 50 35)"/>
<ellipse cx="50" cy="20" rx="7" ry="10" transform="rotate(120 50 35)"/>
<ellipse cx="50" cy="20" rx="7" ry="10" transform="rotate(180 50 35)"/>
<ellipse cx="50" cy="20" rx="7" ry="10" transform="rotate(240 50 35)"/>
<ellipse cx="50" cy="20" rx="7" ry="10" transform="rotate(300 50 35)"/>
<circle cx="50" cy="35" r="5"/>
<path d="M49.5 60V85 M50.5 60V85"/>
</g>
</svg>곧은 줄기 경로 두 개는 한 단위 간격으로 y=60에서 y=85까지 이어집니다. 꽃잎이나 선 끝의 영향을 받지 않고 틈을 비교하려면 가운데 부분을 확인하세요.
여섯 변형을 모두 librsvg 2.62.1로 PDF에 내보낸 다음 Poppler 26.02.0으로 다시 열었습니다. PDF 페이지 크기는 반올림 오차 범위에서 100 mm와 50 mm에 일치했습니다. 1,016 DPI에서 표본으로 읽은 줄기 틈은 큰 묶음에서 28, 16, 0픽셀, 작은 묶음에서 14, 8, 0픽셀이었습니다. 밀리미터당 40픽셀에서 표와 일치합니다. 렌더링 파일을 점검했으며 실제 인쇄는 하지 않았습니다.
- 손대지 않은 원본을 보관하세요. 넓게 열린 색칠 영역과 좁은 디테일이 모두 있는 대표 무늬 하나를 고릅니다.
- 도형과 실물 치수가 같은 사본 세 개를 만드세요. 편집 가능한 스트로크 두께만 바꿉니다.
- 의도한 크기에서 가장 좁은 공간을 확인하세요. 틈이 닫히면 더 얇은 두께를 쓰거나 이웃 윤곽 사이를 벌려 보세요. 모든 선을 가늘게 하는 것보다 불필요한 내부 표시를 지우는 편이 더 명확할 수 있습니다.
- 의도한 전달 형식으로 내보내고 다시 열어 페이지 치수를 확인하세요. 작은 구멍, 모서리, 선 끝을 포함해 내보낸 그림과 원본을 비교합니다.
- 판매하거나 인쇄하려는 가장 작은 크기에서 점검을 반복하세요. 완성된 페이지의 크기를 바꾸면 판단도 달라질 수 있습니다.
비교에는 같은 페이지와 확대율을 사용하세요. 꽃의 바깥쪽에 적합한 두께가 내부 표시에는 너무 굵을 수 있습니다. 바깥과 안쪽의 두께를 다르게 쓴다면 내보낸 뒤 만나는 지점을 확인합니다.
SVG가 스트로크인지 채워진 윤곽인지 확인하기
채우기는 도형 내부를 칠합니다. 따라서 눈에 보이는 검은 선은 좁게 채워진 도형일 수도, 중심 경로에 스트로크를 적용한 것일 수도 있습니다. stroke-width를 바꾸면 스트로크가 달라지지만, stroke="none"일 때 기존 채움은 바뀌지 않습니다. 스트로크 두께만 다른 동일한 채움 경로 대조군 두 개도 내보냈습니다. 렌더링된 픽셀은 같았습니다. 이 대조군은 직접 작성한 도형이며 제품으로 트레이싱한 결과가 아닙니다.
일반적인 윤곽 트레이싱은 잉크 표시의 가장자리를 따릅니다. 중심선 트레이싱은 그 가운데를 지나는 경로를 복원하려 합니다. Inkscape 트레이싱 가이드는 두 방식을 모두 설명합니다. 모든 트레이싱 SVG의 구조가 같다고 가정하지 말고 실제 객체를 확인하세요.
채워진 윤곽이라면 원래 그림이 있을 경우 그 원본을 조정하세요. 그렇지 않으면 도형을 편집하거나 해당 중심 경로를 다시 그립니다. 윤곽 주변에 스트로크를 추가해도 원래 펜 경로가 복원되지는 않습니다. Stroke to Path와 Object to Path 비교 가이드는 그 구조적 차이를 설명하고, 단일 선 SVG 가이드는 플로팅을 위한 중심선 작업을 다룹니다.
원본이 PNG나 JPG 컬러링 도안뿐이라면 PerfectVector의 컬러링 도안 벡터화 과정으로 편집 가능한 SVG 도형을 얻어 확인할 수 있습니다. 미리보기를 확인한 뒤 결과를 잠금 해제해 SVG를 편집하고 내보내세요. 벡터화는 페이지의 이상적인 선 두께를 선택하거나 너비 컨트롤 하나로 조절할 수 있는 중심선 스트로크를 보장하지는 않습니다. 원본 준비와 트레이싱은 선화 SVG 변환 가이드를 따르세요.
기존 벡터 원본은 편집기에서 유지하세요. 적절한 래스터 페이지라면 이미 인쇄업체의 요건을 충족할 수 있습니다. 이미지 벡터화 설명은 편집 가능한 도형이 필요한지 판단하는 데 도움이 됩니다.
인쇄업체의 최솟값과 디자인 선택 구분하기
파일을 받을 서비스의 요건을 따르세요. 예를 들어 KDP 페이퍼백 지침은 그래픽 요소의 최소 선 두께를 0.75포인트로 지정합니다. 이는 KDP 제출 요건이며 권장 컬러링 도안 스타일이나 모든 인쇄업체에 적용되는 규칙이 아닙니다.
전달 크기에서 그 요건을 다시 확인하세요. 그림을 줄이기 전에 최솟값을 충족하던 선도 줄인 뒤에는 미달할 수 있습니다. 단위를 일관되게 유지하세요. CSS 절대 길이 정의는 1포인트를 1/72인치로 정의합니다. 반올림한 밀리미터 환산값을 정확한 변환값으로 취급하지 마세요.
종이 교정본은 의도한 배율로 인쇄하고 원하지 않는 페이지 맞춤 축소를 끈 다음, 알고 있는 치수를 자로 측정하세요. 가능하면 실제 사용할 종이와 색칠 도구를 사용합니다. 끊긴 선, 닫힌 틈, 비좁은 디테일을 살펴보세요. 위의 디지털 시험은 잉크 번짐, 종이의 특성, 색칠하기 편한 정도를 입증하지 않습니다.
자주 묻는 질문
컬러링 도안에는 어느 정도 선 두께를 써야 하나요? 최종 실물 크기에서 대표 그림에 몇 가지 두께를 비교해 선택하세요. 색칠할 수 있어야 하는 가장 작은 공간을 보존하고 파일을 받을 인쇄업체의 요건을 충족해야 합니다. 이 글은 모든 페이지나 연령대에 통용되는 값을 정하지 않습니다.
그림을 줄이면 선이 얇아 보이는 이유는 무엇인가요? 일반적인 도형 축소는 그림과 함께 스트로크 두께도 줄일 수 있습니다. 내보낸 파일을 최종 크기에서 확인하세요. 편집기 옵션이나 크기 고정 스트로크로 두께를 유지할 수 있지만 남은 틈은 여전히 확인해야 합니다.
stroke-width 컨트롤이 트레이싱한 선을 바꾸지 못하는 이유는 무엇인가요? 검은 표시가 스트로크 없는 채움 윤곽 도형일 수 있습니다. stroke-width 설정은 그 채움 도형을 바꾸지 않습니다. 원본이나 윤곽을 편집하거나, 해당 작업에 적합하다면 의도적으로 중심 경로를 다시 만드세요.
출처
- W3C — SVG 2 좌표계 — 두 실물 크기에 사용한 viewBox와 뷰포트 사이의 매핑을 설명합니다.
- W3C — SVG 2 채색 — 채움과 스트로크를 구분하고 스트로크 두께를 정의합니다.
- Inkscape — 이미지 트레이싱 — 윤곽 트레이싱과 중심선 트레이싱을 구분합니다.
- Amazon KDP — 페이퍼백 제출 지침 — 서비스별 최소 선 두께 요건을 제공합니다.
- W3C — CSS 값과 단위 — 포인트, 인치, 기타 절대 길이 단위의 관계를 정의합니다.
편집할 원본이 PNG나 JPG라면 직접 만든 컬러링 도안을 PerfectVector에서 사용해 보세요. SVG를 잠금 해제하고 내보낸 뒤, 종이 교정본을 준비하기 전에 의도한 페이지 크기에서 선 구조와 가장 작은 흰 공간을 확인하세요.
