이전
같은 색의 도형이 서로 다른 혼합 컨테이너에 흩어져 있을 수 있습니다.
혼합 상위 그룹 1
A · 노란색 직사각형B · 코랄색 별
혼합 상위 그룹 2
C · 초록색 원D · 노란색 캡슐형 도형
혼합 상위 그룹 3
E · 코랄색 마름모F · 밝은색 직사각형
무료 로컬 SVG 정리 도구
아트워크를 바꾸지 않고 SVG 도형을 색상별로 그룹화하세요.
지원되는 SVG를 선택하면 같은 채우기 색의 도형을 안전한 그룹으로 정리한, 편집하기 쉬운 SVG 하나를 다운로드할 수 있습니다. 다운로드를 활성화하기 전에 화면에 보이는 결과가 그대로인지 확인합니다.
무료 — 회원가입이나 크레딧 불필요SVG는 이 기기에만 유지SVG 하나를 넣고 SVG 하나를 받기
SVG로 시작
공개 베타정리할 파일을 선택하세요.
브라우저가 SVG를 검사하고, 그리기 순서상 안전할 때 같은 단색 채우기를 그룹화한 뒤 다운로드 전에 화면 결과가 그대로인지 확인합니다.
지원되는 SVG만 가능 · 최대 5MB · 서버로 전송되지 않음
모양이 아닌 구조만 변경
바뀌는 것과 그대로 유지되는 것을 확인하세요.
두 미리보기는 동일하게 보여야 합니다. 차이는 SVG 내부 구조입니다. 순서를 바꿔도 안전한 경우 같은 단색 채우기를 함께 선택하고 편집하기 쉬워집니다.
이후
안전한 같은 색 도형은 색상별 SVG 그룹에 모이고, 필요한 개별 도형은 독립적으로 유지됩니다.
노란색 그룹
A · 노란색 직사각형D · 노란색 캡슐형 도형
코랄색 그룹
B · 코랄색 별E · 코랄색 마름모
최상위 개별 도형
C · 초록색 원F · 밝은색 직사각형
유지되는 항목
- 화면에 보이는 채우기 색과 도형
- 캔버스, 크기, 변환, 채우기 규칙
- 검증된 렌더링 결과
바뀌는 항목
- SVG 정리용 컨테이너
- 의존성이 허용하는 범위의 안전한 그리기 순서
- 더 쉽게 선택할 수 있도록 반복 색상을 배치하는 방식
의도적인 안전 규칙
한 색상에 여러 그룹이 필요할 수 있는 이유
‘색상별 그룹화’가 같은 색의 모든 도형을 하나의 컨테이너에 강제로 넣는다는 뜻은 아닙니다. 화면에서 앞뒤를 결정하는 그리기 순서를 지켜야 합니다.
- 1빨간 도형 두 개가 같은 채우기 색을 사용합니다.
- 2그 사이의 그리기 순서에 파란 도형이 있고 경계가 맞닿아 있습니다.
- 3빨간 도형을 파란 도형 너머로 옮기면 안티앨리어싱이나 겹침이 달라질 수 있습니다.
- 4안전한 결과는 빨간 도형을 분리해 유지하고 그 이유를 알려 줍니다.
빨강
파랑
빨강
같은 아트워크, 안전한 빨간 객체 두 개
목적에 맞는 색상 도구 선택
그룹화, 분리, 색상 변경은 서로 다른 작업입니다.
SVG에 색상이 있다는 이유만으로 고르지 말고, 최종적으로 필요한 파일을 기준으로 선택하세요.
도구결과변경 사항추천 용도
도구
SVG 색상별 그룹화
결과
SVG 하나
변경 사항
객체 구조
추천 용도
같은 채우기 색을 더 쉽게 선택하고 편집할 때
결과
색상별로 정렬된 SVG 하나씩
변경 사항
파일과 색상 분리
추천 용도
정확한 색상마다 별도 파일이 필요할 때
도구
SVG 색상 변경
결과
대개 SVG 하나
변경 사항
팔레트 값
추천 용도
구조가 아니라 색상 조합을 바꿀 때
브라우저에서 끝나는 세 단계
복잡한 SVG를 검증된 편집용 파일 하나로 정리하세요.
변환과 모든 검사가 브라우저에서 실행됩니다.
지원되는 SVG 선택
브라우저가 SVG 노멀라이저 규격과 화면에 보이는 아트워크를 안전하게 변환할 수 있는지 확인합니다.
정리 결과 검토
두 미리보기를 비교하고, 여러 안전한 객체로 남은 색상을 포함한 결과 요약을 확인합니다.
검증된 SVG 하나 다운로드
구조, 시각 결과, 독립 재실행 검사를 모두 통과한 뒤에만 다운로드할 수 있습니다.
현재 도구 지원 범위
추측하지 않고 안전하게 중단하는 베타 도구
공용 프로세서가 이 단색 도구에서 사용할 수 있는 SVG 기능을 준비합니다. 준비 과정에서 화면이 달라지면 그룹화를 시작하기 전에 원본과 결과를 비교할 수 있습니다.
현재 지원
- 단색 채우기의 정적 가시 도형과 윤곽선 패스로 변환할 수 있는 지원 스트로크
- 아핀 변환, 채우기 규칙, 도형별 불투명도, 작성된 viewBox, 신뢰할 수 있는 물리 크기
- 모든 가시 요소를 정확히 대응시킬 수 있는 기존 그룹과 혼합 상위 구조
다음 경우 안전하게 중단
- 단색 처리 범위 밖의 기능은 후보 결과에서 제거되며, 화면 차이가 있으면 사용자가 확인해야 합니다
- 준비 후 사용할 수 있는 단색 도형이 남지 않거나 그룹화 결과를 검증할 수 없으면 처리를 중단합니다
- 필수 보안 정리, 리소스 제한, 시간 초과, 해결되지 않은 의미 구조는 엄격한 중단 조건입니다
부분 SVG나 근사 결과는 제공하지 않습니다. 처리가 중단된 파일은 기기에서 그대로 유지됩니다.
구조부터 비공개
문서는 이 브라우저 안에만 남습니다.
로그인, 크레딧 확인, 사전 서명 업로드, 백엔드 변환 작업이 없습니다. 원본 텍스트, 파일명, 패스, 색상, 미리보기, 출력은 로그와 분석 데이터에 포함되지 않습니다.
페이지를 열 때 일반적인 정적 앱 파일은 PerfectVector에서 불러올 수 있습니다.
내 SVG이 기기에서 선택
로컬 워커정규화, 그룹화, 검증
다운로드 하나검사 통과 후에만 제공
비트맵 이미지로 시작하나요?
먼저 SVG를 만든 다음 정리하세요.
PerfectVector는 PNG, JPG 또는 WebP 아트워크를 편집 가능한 SVG 패스로 변환합니다. 벡터화와 미리보기는 무료이며 횟수 제한이 없습니다. 1크레딧으로 첫 최종 다운로드를 잠금 해제하며, 이미 잠금 해제한 파일을 다시 받을 때는 추가 크레딧이 들지 않습니다.
이미지 벡터화위의 무료 로컬 SVG 정리 도구와는 별도의 서비스입니다.
PNG / JPG / WebP래스터 픽셀편집 가능한 SVG벡터 패스
시작하기 전 질문
이 정리 도구가 하는 일과 하지 않는 일
이 베타는 모든 SVG를 받기보다 검증 가능한 결과를 우선합니다.
SVG 색상별 그룹화는 무엇을 바꾸나요?
지원되는 가시 도형을 색상별 SVG 그룹 또는 필요한 개별 도형으로 다시 구성합니다. 의존성 검사에서 화면 결과가 유지된다고 확인된 경우 그리기 순서를 안전하게 조정할 수 있습니다.
패스의 색상을 바꾸거나 병합·합치기하나요?
아니요. 팔레트를 변경하거나 도형을 결합하거나 패스를 단순화·수정하지 않으며, 아트워크를 여러 파일로 분리하지도 않습니다.
한 색상이 여러 그룹에 나타날 수 있는 이유는 무엇인가요?
같은 색 도형이 맞닿거나 겹치는 다른 아트워크의 양쪽에 있을 수 있습니다. 하나로 합치면 그리기 순서가 달라질 수 있으므로 그 색상에 여러 안전한 객체를 유지합니다.
아트워크가 그대로인지 어떻게 확인하나요?
출력 구조를 검증하고, 허용된 원본과 후보를 렌더링해 변경된 픽셀이 0인지 확인한 뒤, 다운로드 전에 두 번째 독립 그룹화 실행 결과까지 비교합니다.
SVG 색상 분리기와 무엇이 다른가요?
색상별 그룹화는 정리된 SVG 하나를 반환합니다. 색상 분리기는 정확한 색상마다 정렬된 SVG 파일 하나씩을 반환합니다.
어떤 SVG 기능을 지원하나요?
공용 프로세서는 지원되는 단색 도형을 보존하고, 지원되는 스트로크를 패스로 변환하며, 그룹화 처리 범위 밖의 기능을 제거합니다. 검증된 후보가 다르게 보이면 계속하기 전에 비교할 수 있습니다. 그룹화와 재생성 검사를 통과한 경우에만 다운로드할 수 있습니다.
내 SVG가 기기 밖으로 전송되나요?
아니요. SVG 문서와 생성 결과는 일회용 브라우저 워커와 로컬 Blob URL에만 남습니다. 문서 데이터를 보내는 요청은 필요하지 않습니다.
결과를 SVG 편집기에서 열 수 있나요?
결과는 일반 그룹 컨테이너를 사용하는 표준 SVG입니다. 다만 앱마다 SVG 그룹을 표시하는 방식이 다를 수 있으며, 이 베타는 아직 특정 편집기에서의 동작을 보장하지 않습니다.
