SVG 그룹 해제가 안 될 때: 객체를 확인하고 해결하기

그룹 해제는 선택한 객체가 실제 그룹일 때만 작동합니다. 여러 조각처럼 보이는 SVG도 복합 경로 하나, 일반 경로 하나, 클리핑된 객체, SVG 안의 래스터 이미지일 수 있습니다. Ungroup을 다시 클릭해도 이런 구조는 바뀌지 않습니다.

유용한 질문은 ‘올바른 그룹 해제 명령은 어디 있나’보다 ‘무엇을 선택했나’입니다. 확인하면 해결은 보통 간단합니다. 실제 그룹은 해제하고, 복합 경로는 분리하고, 단일 경로는 노드를 편집하고, 내장 래스터는 실제 벡터 도형으로 추적하세요.

빠른 진단

• 객체 패널이 그룹을 표시하거나 SVG 소스에 <g>가 있다면 Ungroup을 쓰세요.
• 선택 하나에 별도 구멍이나 섬이 있다면 사본에 Break Apart나 Release Compound Path를 시험하세요.
• 노드 편집에서 윤곽선 하나가 보이면 해제할 그룹이 없습니다. 그 경로를 편집하거나 나누세요.
• 객체가 사각형 하나이고 확대하면 픽셀이 보인다면 내장 이미지일 가능성이 높습니다. 원본 래스터를 찾아 제대로 벡터화하세요.

먼저 선택한 객체 유형 확인하기

SVG는 컨테이너 형식이며 보이는 모든 조각이 별도 레이어라는 보장은 아닙니다. 그룹화한 벡터 요소, 개별 경로, 복합 경로, 글자, 클리핑 구조, 래스터를 담습니다. 캔버스 편집기를 만든다면 Fabric.js SVG 가져오기 안내가 객체 분리, 이름 있는 부분 색상 변경, 내보낸 SVG 검사를 보여 줍니다.

diagrams.net에서는 가져온 이미지의 그룹을 해제하기 전에 draw.io SVG 이미지와 자체 스텐실을 비교하세요. 확대 가능한 이미지와 연결점이 정의된 다이어그램 도형은 편집 흐름이 다릅니다.

다른 다이어그램 편집기에서 같은 문제는 Excalidraw SVG 가져오기 후 편집 가능한 것을 보세요.

같은 증상이 Cricut Design Space, Silhouette Studio, LightBurn, Inkscape, Illustrator, 오피스 앱에서 나타나는 이유입니다. PowerPoint에서는 SVG 변환과 부분 편집 안내로 SVG 그래픽과 Office 도형부터 구분하세요. 명령 이름은 달라도 내부 파일은 몇 가지 공통 구조 중 하나입니다.

구조 네 가지, 해결책 네 가지

Ungroup이 해결하는 것은 그룹뿐입니다

SVG의 <g> 요소는 다른 요소의 컨테이너이며 표준은 임의 깊이의 중첩 그룹을 허용합니다. 디자이너는 원, 워드마크, 배경을 함께 움직이도록 묶을 수 있습니다. 그룹 해제는 편집기의 그룹 컨테이너를 제거해 자식을 드러냅니다.

다음 순서로 해보세요.

1. 파일을 복제하거나 작업 사본을 저장하세요.
2. 객체를 한 번 선택하세요.
3. 캔버스만 보지 말고 Layers나 Objects 패널을 보세요.
4. 그룹이면 Ungroup을 한 번 실행하세요.
5. 중첩 그룹일 때만 반복하세요.

중첩은 흔합니다. 로고에 아이콘 그룹, 글자 그룹, 둘을 묶은 상위 그룹이 있을 수 있습니다. 의도적으로 두세 번 해제하는 것은 정상입니다. 작품이 무너질 때까지 클릭하지 말고 필요한 조각이 선택되면 멈추세요.

복합 경로는 분리돼 보여도 객체 하나입니다

‘O’, 도넛, 빈 공간을 뚫은 로고는 복합 경로인 경우가 많습니다. 구멍은 위에 올린 흰 객체가 아닙니다. 여러 하위 경로와 채우기 규칙으로 만듭니다. SVG 경로 명세는 도넛 구멍 같은 구조의 복합 경로를 명시적으로 지원합니다.

이 구조는 이동과 색상 변경에도 내부 공간과 구멍을 유지합니다. 분리하면 구멍이 채워지고 섬이 나뉘거나 커팅 장비의 안팎 해석이 달라질 수 있습니다. 이미 구멍이 닫혔다면 추가 명령 전에 구멍 채워짐 진단을 쓰세요.

정말 조각이 필요하다면 다음을 하세요.

• 객체부터 복제하세요.
• Release Compound Path, Break Apart 또는 같은 명령을 쓰세요.
• 이후 모든 구멍과 글자 내부 공간을 검사하세요.
• 목적지에 깨끗한 실루엣 하나가 필요하면 복합 구조를 복원하세요.

절단 파일에서 분리가 자동 개선은 아닙니다. 현재 경로가 제대로 절단되면 그대로 두세요.

단일 경로에는 드러낼 내부 객체가 없습니다

복잡한 실루엣을 도는 경로도 객체 하나입니다. 노드 또는 직접 선택 도구로 바꾸세요. 전체 윤곽에 앵커가 보이면 이미 편집 가능한 도형을 보고 있습니다.

이제 필요한 것은 그룹이 아닌 경로 연산입니다.

• 노드를 옮겨 윤곽 수정
• 선택한 노드에서 경로 자르기
• 다른 경로로 도형 나누기
• 분리된 하위 경로가 있다면 Break Apart 사용
• 추적이 너무 거칠면 일부 다시 그리기

자동 추적에서 중요한 구분입니다. 변환기는 사람이 인식하는 사물별이 아니라 색상별 도형을 만들 수 있습니다. 파란 셔츠와 파란 눈이 채우기를 공유해 복합 객체 하나가 될 수 있습니다. 벡터는 맞지만 예상한 의미별 레이어와 구조가 다릅니다.

Rive 애니메이션에서는 경로 해제나 병합 전에 독립적으로 움직일 부분을 정하세요. SVG 가져오기는 Rive 자체 형식의 객체를 만드므로 Hierarchy를 검사하고 부분 하나의 이동을 시험하세요. Rive SVG 가져오기 준비 안내는 원본 그룹과 색상 설정을 가져온 부분, 미지원 효과, 필요한 회전 중심에 연결합니다.

SVG에 래스터 하나가 있을 수 있습니다

SVG는 <image>를 포함할 수 있습니다. 내장 콘텐츠 명세는 PNG나 JPEG 참조를 허용합니다. 외부 파일은 .svg지만 내부 작품은 픽셀입니다.

빠른 점검은 세 가지입니다.

1. 확대하세요. 가장자리가 네모난 픽셀이 되면 래스터입니다.
2. 텍스트 편집기에서 여세요. <image, data:image, .png, .jpg를 검색하세요.
3. 객체 유형을 확인하세요. 편집 가능한 노드가 없는 사각 이미지 객체는 벡터 그룹이 아닙니다.

원본 PNG, JPG, 작품 파일이 남았다면 SVG 스크린샷을 추적하지 마세요. 가장 깨끗한 원본을 쓰세요. 내보내기와 스크린샷마다 확대 흐림이나 압축 흔적이 더해질 수 있습니다.

이 경우 PerfectVector가 도움이 됩니다. 이미지 벡터 변환은 적합한 평면 이미지를 편집 가능한 경로로 재구성합니다. 사진이면 의도적으로 단순화한 모습을 원할 때 외에는 래스터로 유지하세요. SVG 안에 있다고 의미별 레이어로 바뀌지 않습니다.

같은 컨테이너 함정은 여전히 픽셀화되는 SVG 안내를 보세요.

클리핑 경로, 마스크, 심볼은 어떤가요?

벡터여도 일반 그룹 해제가 안 되는 경우가 있습니다.

• 클리핑 경로는 삭제하지 않고 일부를 숨깁니다. 해제해 전체를 드러낸 뒤 숨은 조각을 유지할지 정하세요.
• 마스크는 밝고 어두운 값으로 표시를 제어합니다. 해제하면 예상 밖 작품이 드러나거나 투명도가 바뀝니다.
• 심볼이나 연결 인스턴스는 직접 편집 전에 Expand, Detach, Convert to Paths가 필요할 수 있습니다.
• 잠긴 레이어는 SVG 구조가 아니라 편집기 상태입니다. 진단 전에 잠금을 푸세요.

이미 모습이 맞고 크기 변경이나 배치만 필요하면 유지하세요. 모두 확장하면 작고 정돈된 SVG의 관리가 어려워질 수 있습니다.

안전한 수정 순서

영향이 가장 적은 작업부터 쓰세요.

1. 사본 저장
2. 객체나 레이어 잠금 해제
3. 레이어 패널에서 유형 검사
4. 확인된 그룹만 해제
5. 숨은 도형이 문제일 때만 클립이나 마스크 해제
6. 별도 편집이 필요할 때만 복합 경로 분리
7. 단일 경로는 그룹 해제 대신 편집하거나 나누기
8. 픽셀이나 사용할 수 없는 도형이 있고 원본 래스터가 있을 때만 재추적

원인임을 알 때까지 구멍, 겹침, 레이어 관계를 유지하는 순서입니다.

전달 파일에서 예방하기

SVG를 보내기 전에 다음을 하세요.

• 원본 문서의 중요한 그룹과 레이어에 이름을 주세요.
• 원본의 편집 가능한 텍스트를 유지하고 전달 사본에서만 윤곽선으로 바꾸세요.
• 편집 가능한 벡터 도형을 기대하는 수신자에게 래스터를 내장하지 마세요.
• 모습과 편집 가능성을 혼동하지 않도록 PNG 미리보기를 포함하세요.
• 두 번째 편집기로 열어 몇 부분을 선택하세요.
• 레이어가 있는지, 합쳐졌는지, 의도적으로 복합 도형 하나인지 알려 주세요.

구입한 파일은 전체 다운로드 묶음을 유지하세요. 처음 연 SVG가 합쳐져 있어도 제작자가 레이어 SVG, DXF, EPS, 원본 파일을 포함했을 수 있습니다.

FAQ

SVG의 Ungroup이 비활성화된 이유는 무엇인가요? 선택이 그룹이 아닐 가능성이 높습니다. 경로, 복합 경로, 이미지, 클립, 잠긴 객체일 수 있습니다. Layers나 Objects 패널에서 유형에 맞는 명령을 쓰세요.

SVG가 객체 하나로 가져와지는 이유는 무엇인가요? 복합 경로 하나, 색상별 도형, 원본 앱의 합치기, 내장 래스터일 수 있습니다. 하나라고 자동으로 잘못된 것은 아니므로 변경 전에 노드와 마크업을 확인하세요.

Cricut Design Space에서 단일 레이어 SVG를 어떻게 분리하나요? 색상 하나와 경로 하나라면 드러낼 숨은 레이어가 없습니다. 벡터 편집기에서 분리하거나 레이어 원본으로 돌아가거나 색상 영역을 재구성한 뒤 다시 가져오세요.

Inkscape나 Illustrator에서 SVG 그룹을 해제할 수 있나요? 실제 그룹이면 가능합니다. 복합 경로, 클리핑 구조, 경로 나누기 명령도 있지만 다른 구조를 해결하므로 강력한 그룹 해제로 취급하면 안 됩니다.

PerfectVector가 내장 이미지를 편집 가능하게 하나요? 평면 로고, 아이콘, 일러스트처럼 적합한 원본 래스터를 경로로 추적합니다. 디자이너의 원래 이름이 지정된 레이어나 편집 가능한 텍스트를 복원하지 않으며 사진은 보통 래스터가 낫습니다.

Sources

1. W3C — SVG 문서 구조 — <g> 컨테이너와 중첩 그룹 모델입니다.
2. W3C — SVG 경로 — 경로, 분리된 하위 경로, 복합 경로 도형입니다.
3. W3C — SVG 내장 콘텐츠 — <image> 내부 PNG와 JPEG입니다.
4. MDN — SVG 클리핑과 마스킹 — 클립과 마스크의 동작 차이입니다.
5. Cricut — 이미지 업로드: 지원하지 않는 요소 — 목적지 앱의 클리핑, 글자, 연결 이미지, 내장 래스터 처리입니다.

---

같은 비활성 명령과 계속 씨름하지 마세요. 구조부터 확인하세요. SVG가 컨테이너 속 픽셀이라면 원본을 편집 가능한 벡터 경로로 재구성하고, 진행 전에 결과를 검사하세요.