결과 선택 및 추적 설정
웹, 로고, 제작 용도는 검토된 추적 방식을 비교합니다. 적절한 팔레트가 여러 개 남으면 팔레트를 고른 다음 SVG를 선택하며, 불필요한 단계는 건너뜁니다. 라벨은 완성된 결과에서 보이는 색을 세며 흰색은 포함하고 투명도는 제외합니다. 선택 변경으로 비교 화면을 다시 열 수 있습니다. 사진과 복잡한 일러스트는 기존 최적화 도구를 유지합니다.
단색 그래픽은 6가지 방식을 비교합니다. 색상 그래픽은 최대 4개의 지원 프로필을 시험하며, 프로필 수가 1개에서 4개로 늘어남에 따라 프로필당 후보는 10개, 8개, 6개, 5개가 됩니다. 비교 및 단계 생략 규칙은 자동 선택 안내에서 설명합니다.
기본으로 표시되는 설정
VectorizeThis는 현재 이미지와 용도에 적용되는 설정만 표시합니다. 설정이 보이지 않는 것은 보통 원본 분석 결과 해당 선택이 필요하지 않다는 뜻입니다. 추적 설정을 바꾸면 SVG를 다시 계산하지만, 표시 전용 설정은 다시 계산하지 않습니다.
단순화
단순화는 패스가 래스터 이미지의 작은 변화를 얼마나 가깝게 따를지 조절합니다. 값을 높이면 노드가 적고 부드러운 모양이 되며 SVG 크기도 작아지는 경우가 많습니다. 모서리, 좁은 세부 요소, 미묘한 윤곽이 둥글게 사라졌다면 값을 낮추세요. 너무 낮으면 래스터 노이즈를 도형으로 남길 수 있고, 너무 높으면 의도한 실루엣이 바뀔 수 있습니다.
배경
배경은 감지된 단색 외부 배경의 처리 방법을 정합니다.
- 자동은 원본 분석과 선택한 용도를 바탕으로 배경을 출력에 포함할지 결정합니다.
- 제거는 감지된 외부 배경을 제외하여 SVG를 다른 색상 위에 배치할 수 있게 합니다.
- 유지는 배경도 이미지의 일부로 추적합니다.
이미지에 이미 투명도가 있거나 신뢰할 수 있는 외부 배경을 찾을 수 없으면 이 설정이 표시되지 않을 수 있습니다.
currentColor 사용
조건에 맞는 웹 또는 로고의 단색 결과에서 currentColor 사용은 고정된 출력 색상을 SVG 키워드 currentColor로 바꿉니다. SVG는 삽입된 페이지의 CSS 텍스트 색상을 상속합니다. 색상 견본으로 고정 색상을 선택하려면 이 옵션을 끄세요. 제작용 출력처럼 상속 색상이 적합하지 않은 경우에는 표시하지 않습니다.
SVG를 실제 내용에 맞게 자르기
모든 결과에서 사용할 수 있으며, 웹과 로고에서는 기본으로 활성화됩니다. 남아 있는 보이는 도형에 맞춰 뷰포트를 조정하되 늘이지 않습니다. 자르기가 활성화된 상태에서 출력 색상을 제거하면 경계를 다시 계산합니다. 원래 여백이 구성의 일부라면 자르기를 끄세요.
긴 변 및 단위
제작 용도에서는 밀리미터 또는 인치 단위의 실물 긴 변 값을 표시할 수 있습니다. 원래 가로세로 비율을 유지하면서 의도한 실제 크기를 지정합니다. 가는 요소, 절단 폭, 여유 간격 또는 기기별 요구사항의 안전성을 입증하는 것은 아닙니다.
최대 색상 수
이 설정은 기본 VTracer 설정을 사용하는 결과에만 적용됩니다. 검토된 팔레트 방식은 자체 후보 설정을 사용합니다.
최대 색상 수는 색상 추적에 사용할 팔레트를 제한합니다. 2부터 64까지의 정수를 입력하세요. 낮은 값은 비슷한 색조를 합치고 패스를 줄일 수 있습니다. 높은 값은 그라데이션과 미묘한 세부 정보를 보존할 수 있지만, 레이어와 파일 크기가 늘어납니다. 이 숫자는 추적의 한계값이며 모든 색이 나타난다는 보장은 아닙니다. 단색 원본이거나 색상 추적이 적용되지 않는 경우에는 숨깁니다. 범위를 벗어난 값은 변환 전에 거부합니다.
SVG 정밀도
이 기본 설정은 고급 설정 밖에 있으며, 제작용이 아닌 결과에만 표시됩니다. 0부터 3까지의 값으로 최적화된 좌표의 소수점 정밀도를 조절합니다. 준비된 각 후보는 시험을 거친 자체 정밀도로 시작하며, 수동 변경은 우선 적용됩니다. 정밀도가 높으면 위치 세부 정보를 유지할 수 있지만 보통 바이트 수가 늘어납니다.
고급 설정
기본 결과에 구체적인 추적 또는 출력 변경이 필요하면 고급 설정을 여세요. 사용할 수 있는 항목은 이미지와 용도에 따라 달라집니다.
색상 모드
지원되는 비단색 그래픽에서 자동, 단색, 3색, 4색을 선택합니다. 자동은 선택한 준비된 처리 방식을 복원합니다. 단색은 검정으로 시작합니다. 웹과 로고에서는 편집 가능한 색이 1개 남으면 currentColor를 표시할 수 있습니다. 색상을 지원하는 제작 모드도 같은 추적 선택지를 사용하지만 팔레트 편집은 제공하지 않습니다. 단색 원본과 단색을 요구하는 제작 모드는 색상 모드를 표시하지 않습니다.
클러스터링
이 설정은 기본 VTracer 설정을 사용하는 결과에만 적용됩니다. 검토된 팔레트 방식은 자체 후보 설정을 사용합니다.
클러스터링은 윤곽을 추적하기 전에 래스터 픽셀을 영역으로 묶는 방식을 결정합니다.
- 이진은 전경과 배경을 구분하며, 대비가 높은 단색 이미지에 적합합니다.
- 색상 클러스터는 비슷한 색상을 겹쳐진 영역으로 묶으며, 평면 다색 그래픽에 일반적으로 사용합니다.
- 워터셰드는 이미지의 국소 구조를 이용해 영역을 분리하며, 맞닿은 영역에 서로 다른 경계가 필요할 때 도움이 될 수 있습니다.
적합한 선택은 경계와 색상 분포에 따라 다릅니다. 세부 정보를 늘리는 방식은 패스나 작은 고립 영역도 늘릴 수 있습니다.
패스 병합
제작용은 SVGO를 비활성화하므로 사용할 수 없습니다.
패스 병합은 SVG 최적화 중 호환되는 도형을 합칠 수 있게 합니다. 눈에 보이는 결과를 바꾸지 않고 마크업과 패스 수를 줄일 수 있습니다. 후속 편집기에서 개별 패스가 필요하거나 예상치 못한 병합을 조사할 때는 끄세요.
너비와 높이 제거(viewBox 사용)
고정된 width와 height 속성을 제거하면서 viewBox를 유지합니다. 생성된 SVG는 CSS나 컨테이너에 따라 반응형으로 크기가 조절됩니다. 제작 작업에서는 실제 크기가 중요하므로 명시적 치수를 유지할 수 있습니다.
추적 입력 개선
추적 전에 입력 래스터를 확대하고 평활화하는 조건부 전처리 옵션입니다. 초기 팔레트가 제한된 세밀한 그래픽에 도움이 될 수 있습니다. 자동 선택 과정에서 해당 옵션을 켜고 끈 상태를 모두 시험하고 더 적합한 시작 결과를 유지합니다. 색상이 매우 많은 입력에는 제공하지 않으며, 업로드한 파일 자체는 바꾸지 않습니다.
회전
0°, 90°, 180°, 270° 중 선택하여 추적 전에 래스터를 시계 방향으로 회전합니다. 벡터화 전에 회전하므로 생성한 SVG는 회전 변환 대신 새로 추적한 좌표를 포함합니다. 독립적인 도형을 유지하면서 방향을 바로잡을 때 유용합니다.
마크업 정리
마크업 정리는 복사하거나 다운로드하는 SVG 코드에 줄바꿈과 들여쓰기를 추가합니다. 직접 살펴보기 쉬워지지만 보통 파일 크기는 늘어납니다. 렌더링된 이미지에는 영향을 주지 않습니다.
다중 패스 최적화
제작용은 SVGO를 비활성화하므로 사용할 수 없습니다.
추적 후 SVG 최적화를 추가로 실행합니다. 특히 생성한 마크업에 반복되거나 합칠 수 있는 구조가 있으면 크기를 더 줄일 수 있습니다. 추가 실행에는 시간이 더 걸릴 수 있으며 줄어들지 않는 파일도 있습니다.
임계값 및 자동 이진 임계값
모든 단색 결과는 하나의 고급 설정 영역에 자동 이진 임계값과 0부터 255까지의 임계값 슬라이더를 제공합니다. 슬라이더를 움직이면 자동을 끄고 명시적인 휘도 임계값을 사용합니다. 일반적으로 값이 높을수록 더 밝은 픽셀을 포함합니다. 선택한 처리 방식의 커버리지 처리로 돌아가려면 자동을 다시 켜세요. 임계값을 바꾼 후 좁은 틈과 구멍을 확인하세요.
입력 평활화, 모서리 및 곡선 방향
선택한 방식에서 실제로 사용하는 설정만 표시합니다. 입력 평활화(sigma)는 윤곽 추출 전 커버리지 평활화를 바꿉니다. 기본 단색 방식은 모서리 민감도(corner)를 제공하고, 등고선 및 지원되는 색상 방식은 곡선 방향 반경(tangentRadius)을 제공합니다. 이 설정은 SVG 서식만이 아니라 추적 도형을 바꿉니다. 기본값은 선택한 후보에 속하며, 실행 취소로 수동 변경을 되돌릴 수 있습니다.
고립된 점을 원형으로
지원되는 기본 단색 및 색상 방식에는 끄기, 엄격, 완화 원 맞춤이 있습니다. 엄격은 원에 더 가까운 모양만 허용하고, 완화는 더 큰 래스터 변화와 더 큰 지원 점을 허용합니다. 조건에 맞는 꽉 찬 점은 SVG <circle> 요소를 사용하며, 공유 색상 경계는 호환되는 도형을 유지합니다. 감지기는 글자와 구멍을 보존하며, 불확실한 모양은 그대로 둘 수 있습니다. 비닐 커터, Tinkercad, CNC에서는 이 설정과 원 맞춤을 비활성화합니다.
제작용 출력 정책
레이저 커팅, Tinkercad, CNC는 단색 추적이 기본입니다. Cricut, 비닐 커터, 레이저 각인은 원본이 지원하면 색상 팔레트를 사용합니다. 모두 실물 크기와 제작 검사를 유지합니다. 모든 제작 대상에서 SVGO를 비활성화하므로 SVG 정밀도, 패스 병합, 반응형 치수, 다중 패스 최적화는 제공하지 않습니다. 마크업 정리는 도형을 바꾸지 않고 코드 형식을 정리합니다.
결과 설정 및 조건부 도구
색상 견본
견본에는 완성된 SVG에서 발견한 색상이 표시되며, 패스의 암묵적 검정 채우기도 포함됩니다. 하나를 클릭하면 출력 전체에서 해당 색상을 바꿉니다. 선택기를 움직이는 동안 SVG 미리보기가 업데이트되며, 확인이나 바깥쪽 클릭으로 닫습니다. 지원되는 브라우저에서는 스포이트로 선택기를 닫지 않고 화면 색상을 가져올 수 있습니다. 색상이 8개보다 많으면 작은 겹침 표시를 클릭해 펼친 후 편집하세요. 새 SVG의 색상 수가 같으면 설정 재실행 후에도 사용자 색상 선택을 유지합니다.
색상이 2개 이상인 펼친 팔레트에서 견본에 마우스를 올리고 × 버튼을 누르면, 확인 후 해당 색으로 칠한 모든 패스를 제거합니다. currentColor가 활성화되었거나 제작용 결과이면 사용할 수 없습니다. 제거한 색상은 설정을 다시 실행해도 돌아오지 않으며 기본값으로 초기화하면 복원됩니다. 색상을 삭제하면 의도한 세부 요소를 포함한 해당 색의 도형이 제거되므로 다운로드 전에 미리보기를 확인하세요.
CSS 변수 및 클래스
완성된 SVG에 색상이 8개 이하이고 currentColor 사용이 꺼져 있으면 팔레트 옆 톱니바퀴로 CSS 내보내기 이름 설정을 엽니다. 변수는 색상 채우기를 CSS 사용자 지정 속성으로 바꾸고, 클래스는 해당 패스를 CSS 클래스로 식별합니다. 다른 색상이나 카드에 입력한 이름이 추천으로 표시됩니다. 이 이름은 코드 복사, 개별 SVG 다운로드, 모두 다운로드 ZIP 내용에 영향을 주며 미리보기는 바꾸지 않습니다. 내보낸 SVG가 의도한 색으로 보이려면 사용처의 페이지에서 변수나 클래스를 정의해야 합니다. 모두 지우기는 확인을 요청하며 현재 선택한 변수 또는 클래스 탭만 지웁니다.
실행 취소 및 다시 실행
Ctrl+Z(Mac은 Cmd+Z)로 카드 설정과 팔레트 색상 변경을 취소합니다. Ctrl+Shift+Z(Mac은 Cmd+Shift+Z)로 다시 실행합니다. 슬라이더나 색상 선택기를 드래그한 동작은 한 단계이며, 여러 카드의 일괄 편집도 한 단계입니다. 미리보기 배경과 CSS 변수·클래스 이름은 포함하지 않습니다. 기본값으로 초기화는 카드를 자동 설정으로 되돌리고 색상 삭제로 제거한 패스를 복원합니다.
미리보기 배경
미리보기 위의 배경은 투명, 흰색, 검정 순서로 바뀝니다. 밝거나 어두운 부분과 투명한 경계를 살펴보도록 미리보기 바탕만 바꿉니다. 복사하거나 다운로드하는 SVG 마크업에는 영향을 주지 않습니다.
작은 고립 영역 정리
출력 검사에서 매우 작은 고립 영역을 발견하면 작은 고립 영역 정리는 우연히 생긴 점으로 안전하게 분류할 수 있는 영역만 제거합니다. 정리 후에도 일부 영역이 남을 수 있습니다. 제작용이 아닌 결과는 남은 검사를 ×로 닫을 수 있지만 제작 검사는 계속 표시합니다. 의도한 작은 표시가 노이즈처럼 보일 수 있으므로 미리보기를 확인하세요.
출력 세부 정보 및 SSIM 진단
각 카드는 원본 이미지 해상도를 파일 크기 옆에 표시합니다. 일반 출력 요약에는 패스 수와 SVG 파일 크기가 표시됩니다. 데스크톱에서 출력 세부 정보를 클릭하면 처리한 래스터 해상도와 사용 가능한 기술 진단이 나타납니다. SSIM은 시각적 유사도를 추정하며, SSIM 차이는 균형 잡힌 결과와 SSIM이 가장 높은 후보 사이에서 측정된 차이입니다. SSIM 최적 결과 사용은 SVG 크기를 우선하지 않고 측정된 후보 중 시각적으로 가장 유사한 것을 적용합니다. 이 진단은 조사용이며, 점수가 높으면 도형이 훨씬 무거워질 수 있습니다.
일괄 편집
결과 카드가 2개 이상이면 일괄 편집은 배치 전체에서 사용 가능한 설정을 중복 없이 모읍니다. 변경을 준비한 다음 함께 적용하세요. 이미 요청한 값을 쓰는 카드는 다시 계산하지 않습니다. 같은 배치의 이미지가 서로 다른 설정으로 시작할 수 있는 이유는 자동 선택 방식을, 적절한 우선순위는 모든 용도를 확인하세요.
단색 및 평면 그래픽은 허용된 원본의 전체 해상도로 추적하며 작은 원본은 확대합니다. 감지된 복잡한 이미지나 사진만 긴 변을 2000픽셀로 제한합니다. 호버 확대와 마우스 휠 확대는 자르기나 배경 제거 후에도 원본 좌표를 기준으로 미리보기를 동기화합니다. 데스크톱의 출력 세부 정보는 처리된 래스터 치수를 보여 줍니다. 유효한 측정값이 있을 때만 SSIM 진단을 표시합니다. 업데이트 중에는 코드 복사와 다운로드가 기다립니다.
카드에 보류 중인 결과 선택이 있으면 일괄 편집에서 가장 작은 SVG 사용을 제공합니다. 해당 카드에 대해 팔레트 전체에서 제공된 최종 결과 중 가장 작은 것을 선택하며, 이미 선택한 카드는 바꾸지 않습니다.
불투명도, 배치 준비 및 제작 경고
넓은 내부 불투명도나 회색조 단계는 이진 안티앨리어싱으로 잘못 판단하지 않고 색상 후보를 사용합니다. 출력 색은 알파 값을 유지할 수 있지만 투명도 자체는 색으로 세지 않습니다. 원 맞춤은 원본이 뒷받침하는 원판 둘레의 경계를 요구하므로, 작은 분할 조각에서 존재하지 않는 점이 만들어지지 않습니다.
가장 작은 SVG 사용은 모든 이미지가 처리되었거나 결과를 고를 준비가 되었고 적어도 하나의 선택이 보류 중일 때만 나타납니다. 모든 용도에서 원본의 가로세로가 모두 256픽셀 미만이면 저해상도 경고를 표시합니다.
제작 경고는 계속 표시합니다. 경고를 무시하고 다운로드하려면 현재 출력에 대한 확인이 필요하며, 동의해도 검사 결과가 사라지거나 파일이 인증되지는 않습니다. 설정을 바꾸면 해당 허용이 무효화되어 남아 있는 경고에 다시 확인이 필요합니다. 일괄 다운로드도 승인하지 않은 제작 경고를 확인합니다.
최종 업데이트: