같은 원본, 같은 확대 위치, 같은 출력 방식에서 한 번에 한 값만 바꾸세요. 여러 값을 동시에 바꾸면 어떤 조정이 개선 또는 악화를 만들었는지 다시 확인하기 어렵습니다.
DrowPack의 현재 프리셋 값
빠른 모드와 전문가 모드는 단순한 이름표가 아닙니다. 버튼을 선택하면 아래 기준값이 설정됩니다. 이 표는 2026-07-19 현재 도구 구현을 직접 대조해 작성했습니다.
| 모드 | 감지 기준 | 색상 수 | 디테일 | 선명도 | 작은 점 제거 | 주요 옵션 |
|---|---|---|---|---|---|---|
| 선화 | 150 | 2 | 8 | 8 | 2 | 배경 제거 |
| 로고 | 128 | 128 | 8 | 3 | 1 | 원본 색상 유지 |
| 실루엣 | 128 | 2 | 5 | 6 | 4 | 배경 제거 |
| 단순 컬러 | 128 | 160 | 8 | 2 | 1 | 원본 색상 유지 |
| 사진 추적 | 128 | 128 | 8 | 1 | 1 | 원본 색상 유지 |
| 일러스트 고품질 | 255 | 256 | 10 | 10 | 1 | 외곽 배경만 제거, 흰 경계 억제, 인위적 stroke 제거, 틈 보정 1.0 |
프리셋은 보장값이 아니라 출발점입니다. 같은 “로고”라도 원본이 200px JPG인지 3000px PNG인지, 경계에 그림자가 있는지에 따라 결과는 달라집니다. 고품질 일러스트 모드는 가장 많은 정보를 보존하려는 대신 처리 시간과 SVG 복잡도가 크게 늘 수 있습니다.
각 조절값이 실제로 바꾸는 것
감지 기준
흑백 선화와 실루엣에서 어떤 밝기까지 전경으로 볼지 정하는 기준입니다. 값만 크게 올리면 옅은 선을 더 잡을 수 있지만 종이 얼룩과 그림자도 함께 들어올 수 있습니다. 컬러 추적에서는 색상 보존 흐름의 영향이 더 크므로 이 값을 먼저 만질 이유가 적습니다.
색상 수
컬러 추적이 구분하려는 팔레트 복잡도입니다. 높이면 미세한 그라데이션을 더 나눌 수 있지만 비슷한 색의 작은 path가 늘어납니다. 색면 일러스트는 원본에 실제로 쓰인 대표 색보다 조금 넉넉한 값에서 시작하고, 파일이 무거우면 먼저 낮춰 보세요.
디테일
곡선 단순화와 추적 작업 해상도에 영향을 줍니다. 높은 값은 작은 장식을 살릴 가능성이 있지만 먼지·압축 자국까지 형태로 만들 수 있습니다. 외곽이 각져 보인다고 무조건 디테일을 올리기 전에 더 큰 원본을 쓰는 편이 효과적인지 확인해야 합니다.
화질 보정
선화의 대비와 경계를 강화하고, 일부 컬러 모드에서는 보존된 색 경계를 또렷하게 합니다. 과하면 가는 선 주변에 이중 윤곽이나 거친 가장자리가 생길 수 있습니다. 작은 JPG의 압축 노이즈를 “복원”하는 기능은 아닙니다.
작은 점 제거
일정 크기보다 작은 연결 조각을 줄여 노이즈 path를 억제합니다. 종이 먼지에는 유용하지만 눈동자 하이라이트, 별, 속눈썹 같은 의도된 작은 디테일도 사라질 수 있습니다. 실루엣에는 비교적 높게, 세밀한 일러스트에는 낮게 시작하는 이유입니다.
색면 틈 보정
인접한 색 path가 브라우저에서 안티앨리어싱될 때 보이는 가는 흰 틈을 줄이기 위해 각 fill과 같은 색의 얇은 stroke를 더합니다. 기본 1.0은 해결용 출발점이며 너무 넓히면 경계가 두꺼워지고 작은 구멍이 막힐 수 있습니다.
보이는 문제에서 조절값 찾기
| 보이는 문제 | 먼저 확인 | 첫 조정 | 피해야 할 반응 |
|---|---|---|---|
| 옅은 선이 사라짐 | 원본 대비와 해상도 | 선화 모드에서 감지 기준을 소폭 조정 | 색상 수·디테일을 동시에 최대로 올리기 |
| 먼지 같은 점이 너무 많음 | JPG 압축 자국 여부 | 작은 점 제거를 1단계 올림 | 선명도를 더 올려 점까지 강조하기 |
| 색면 사이에 흰 실금 | 100%에서도 보이는지 | 틈 보정 0.8–1.0 범위 비교 | stroke 폭을 크게 올려 형태 바꾸기 |
| 내부 흰 하이라이트가 사라짐 | 배경 제거 방식 | 외곽 배경만 제거 사용 | 모든 흰색을 투명 처리하기 |
| 파일이 너무 큼 | path 수와 색상 수 | 색상 수, 그다음 디테일을 낮춤 | SVGZ 압축만으로 편집 복잡도까지 해결됐다고 보기 |
| 외곽이 계단처럼 보임 | 입력 이미지 픽셀 자체 | 더 큰 원본 또는 단순화된 원본 사용 | 추적 path를 더 촘촘하게 만들기 |
| 작은 구멍이 막힘 | 틈 보정과 점 제거 | stroke 폭 또는 점 제거를 낮춤 | 감지 기준까지 함께 크게 변경하기 |
입력별 재현 가능한 조정 순서
흑백 선화
- PNG 원본을 준비합니다. 흰 종이 배경과 선의 대비를 먼저 확인합니다.
- 선화 프리셋을 적용합니다. 기본값으로 전체 윤곽이 이어지는지 봅니다.
- 옅은 선만 확인합니다. 빠진 경우에만 감지 기준을 작은 폭으로 바꿉니다.
- 먼지를 정리합니다. 작은 점 제거를 한 단계씩 올리며 중요한 점이 사라지는 지점을 찾습니다.
- 100%와 400%를 비교합니다. 실사용 크기와 확대 상태 모두에서 선이 자연스러운지 확인합니다.
로고와 아이콘
- 가능하면 투명 PNG나 원본 SVG를 사용합니다. 작은 JPG 캡처는 경계 색이 이미 섞여 있습니다.
- 로고 프리셋에서 시작합니다. 원본 색상 유지 상태로 대표 색이 맞는지 확인합니다.
- 색상 수를 실제 구조에 맞춥니다. 2–6색 로고라면 128색이 꼭 필요하지 않을 수 있습니다.
- 모서리와 글자 구멍을 봅니다. 작은 점 제거와 틈 보정이 내부 공간을 막지 않았는지 확인합니다.
- 편집기에서 path 구조를 확인합니다. 색 변경과 크기 변형이 실제로 가능한지 시험합니다.
복잡한 컬러 일러스트
- 먼저 원본 품질 SVG를 만듭니다. 시각적 기준점을 확보합니다.
- 순수 벡터가 꼭 필요한지 다시 확인합니다. 웹 표시만 목적이면 원본 보존이 더 안정적일 수 있습니다.
- 일러스트 고품질을 시험합니다. 외곽 배경과 내부 흰색 디테일의 구분을 확인합니다.
- 파일이 무거우면 색상 수부터 낮춥니다. 그다음 디테일을 한 단계씩 낮춰 작은 조각을 줄입니다.
- 의도된 질감 손실을 기록합니다. 자동 단순화로 사라진 세부가 허용 가능한지 결정합니다.
설정으로 해결할 수 없는 것
추적기는 입력 픽셀에서 경계를 추정할 뿐, 원래 작가가 그린 베지어 핸들이나 가려진 윤곽을 알 수 없습니다. 아래 문제는 슬라이더보다 원본 교체 또는 수동 정리가 더 직접적인 해결책입니다.
- 작은 JPG에 이미 생긴 블록·모기 노이즈
- 초점이 흐리거나 확대된 저해상도 로고
- 그림자와 피사체 경계가 같은 명도의 사진
- 수만 개 path를 소수의 의미 있는 도형으로 재구성하는 작업
- 상표·커팅선·도면 수준의 정확한 곡선
자동 결과는 초안으로 보고, 색상 모드·폰트 윤곽·닫히지 않은 path·겹침 순서·인쇄소 요구사항을 사용하는 편집기에서 별도로 검수하세요.
테스트 기록 양식
결과가 좋아 보였던 설정을 다시 찾으려면 파일명에 모드와 핵심 변화만 기록해 두는 것이 유용합니다. 예: logo-colors16-detail7.svg, line-threshold145-noise3.svg.
- 원본 파일명과 픽셀 크기
- 선택한 프리셋
- 기본값에서 바꾼 항목과 값
- 출력 SVG 파일 크기
- 400%에서 확인한 위치
- 채택 또는 폐기한 이유