SVG 변환에서 투명 배경 유지하기: 흰색 상자의 원인과 제거
SVG의 흰색 상자를 진단하고 PNG 투명도를 보존하거나 변환 후 지원되는 벡터 배경을 제거합니다. 저장 전에 안쪽의 흰색 도형도 확인하세요.
목차
SVG에는 기본적으로 칠해진 배경이 없지만, 배경 도형이나 불투명한 픽셀을 가진 래스터 이미지가 포함될 수 있습니다. 변환 후 흰색 상자가 나타난다면 무엇이든 제거하기 전에 어떤 오브젝트가 흰색을 만드는지 확인하세요. 투명 PNG는 추적 과정에서 빈 공간을 유지할 수 있습니다. 불투명한 원본도 추적된 배경이 제거 가능한 별도 벡터 오브젝트라면 투명해질 수 있습니다.
수정하지 않은 원본과 결과를 보관하세요. SVG 지원 편집기나 잠금 해제한 PerfectVector 결과 편집기, 확인용으로 대비되는 배경이 필요합니다. 흰색 페이지에서는 흰색이 빈 공간인지, 배경 오브젝트인지, 의도한 작품의 일부인지 알 수 없습니다.
무엇이 흰색을 만드는지 찾기
래스터 이미지는 픽셀을 저장합니다. 알파 채널은 불투명도를 저장하며, PNG가 실제로 투명한 픽셀을 포함할 수 있는 이유입니다. PNG 사양은 투명도를 지원하고, MDN 형식 안내는 JPEG가 알파 투명도를 지원하지 않는다고 설명합니다.
SVG는 도형과 색상 지침을 저장하지만 PNG나 JPEG도 삽입할 수 있습니다. SVG 삽입 콘텐츠 사양은 래스터 이미지의 흰색 픽셀이 .svg 파일 안에 남을 수 있는 이유를 설명합니다.
| 보이는 현상 | 확인 | 적절한 수정 |
|---|---|---|
| 편집기 작업 영역에서만 흰색이 보임 | SVG를 다른 색상 위에 배치 | 작품이 이미 투명하면 파일 변경 불필요 |
| 피사체 뒤에 사각형이나 경로 하나가 있음 | 오브젝트를 선택하거나 SVG 구조 검사 | 실제 배경 오브젝트 삭제 |
| 내부 디테일을 포함한 여러 흰색 도형 | 각 도형의 역할 식별 | 배경만 제거하거나 의도적으로 더 넓은 잘라내기 선택 |
| 불투명 흰색 픽셀이 있는 삽입 이미지 하나 | 이미지 오브젝트와 래스터 원본 검사 | 래스터 배경을 편집한 뒤 원본 교체 또는 재추적 |
| 다른 색상 위에서도 체커보드가 보임 | 알파와 다운로드한 이미지 검사 | 투명도로 취급하지 말고 칠해진 패턴 제거 |
추적 전과 후 중 언제 정리할지 선택하기
JPEG를 투명 배경 SVG로 만들 수 있나요? 네. JPEG는 투명도를 저장하지 못하지만 추적을 통해 보이는 픽셀에서 벡터 도형을 만들 수 있습니다. 결과 배경이 지원되는 별도 벡터 오브젝트라면 나중에 제거하세요. 배경이 복잡하거나 피사체와 도형을 공유하거나 삽입 이미지에 남아 있다면, 먼저 투명한 래스터 원본을 준비하거나 벡터를 직접 편집합니다.
유용한 경로는 두 가지입니다.
- 래스터를 먼저 준비합니다. 이미지 편집기에서 피사체를 분리하고 실제 알파가 있는 PNG로 내보낸 뒤 추적합니다. 사진 배경, 칠해진 체커보드, 전경과 배경을 분리하는 데 해석이 필요한 경우에 사용하세요.
- 벡터 배경을 나중에 제거합니다. 평면 작품을 추적하고 결과 오브젝트를 검사한 뒤 독립된 배경 도형을 제거합니다. 내부의 의도한 흰색 요소도 투명하게 만들려는 경우가 아니라면 보존하세요.
.jpg를 .png로 바꾼다고 피사체 주변에 알파가 생기지는 않습니다. 형식 변환과 배경 제거는 별도 작업입니다. JPEG에 특화된 준비는 JPG를 SVG로 변환하는 방법을 참고하세요.
변환 과정에서 투명도 유지하기
- 대비되는 색상 위에서 원본을 검사합니다. 투명한 부분이 흰색이나 칠해진 체커보드가 아니라 실제로 비어 있는지 확인하세요. 래스터 정리가 필요하면 준비한 PNG를 저장합니다.
- 추적하고 미리보기를 비교합니다. PerfectVector에서 PNG를 SVG로 변환하고 무료 미리보기를 원본과 비교하세요. 외곽선, 의도한 구멍, 내부의 흰색 작품 부분을 확인합니다.
- 편집 전에 잠금 해제합니다. 결과를 잠금 해제하면 편집기와 내보내기를 사용할 수 있습니다. 제품 정보는 이를 무료 변환 및 미리보기와 구분합니다.
- 적절한 배경 작업을 선택합니다. 편집기가 제거 가능한 배경을 감지하면 Remove Background를 열고 아래 두 선택지를 비교하세요. 적절한 오브젝트가 감지되지 않으면 벡터 편집기에서 검사하거나 래스터 준비로 돌아갑니다.
- 변경한 결과를 검사하고 필요하면 실행 취소합니다. 바깥 윤곽, 글자, 흰색 디테일, 구멍을 확인하세요. 남기려던 작품이 제거되었다면 변경을 취소합니다.
- SVG를 내보내고 다른 색상 위에서 시험합니다. 저장한 파일을 사용할 앱에서 다시 엽니다. 투명도를 의도한 곳에서만 대비되는 배경색이 보여야 합니다.
PerfectVector의 Background only와 Background color
결과 편집기는 제거 가능한 배경을 감지하면 두 가지 작업을 제공합니다.
| 제어 | 범위 | 검사할 사항 |
|---|---|---|
| Background only | 감지한 맨 아래 배경 오브젝트 제거 | 내부의 흰색 작품이 해당 오브젝트와 분리되어 있다면 유지되는지 |
| Background color | 감지한 배경색과 일치하는 오브젝트를 제거하고 레이어를 고려해 잘라내기 적용 | 같은 색상 디테일도 사라지거나 구멍이 될 수 있음 |
감지는 지원되는 벡터 구조와 캔버스가 덮인 범위에 기반하며, 임의의 사진 피사체를 식별하지는 않습니다. 더 넓은 색상 작업은 일치하는 영역이 투명해져야 할 때 유용하지만, 내부 흰색 도형을 흰색으로 유지해야 한다면 잘못된 선택입니다.
흰색 배경, 주황색 삼각형, 내부의 작은 흰색 사각형으로 편집기를 확인했을 때 Background only는 내부 사각형을 그대로 남겼습니다. Background color는 두 흰색 오브젝트를 모두 제거하고 삼각형에 투명한 구멍을 남겼습니다. Undo는 원래의 세 도형을 복원했습니다. 이는 사진 배경 인식이 아니라 해당 단색 도형 작업을 확인한 것입니다.
흰색 글자, 눈, 기타 내부 디테일을 유지하려면 Background only부터 시작하세요. 적용 전에 효과를 미리 봅니다. 배경과 전경이 하나의 오브젝트를 공유한다면 전체 색상 변경이나 자동 감지만으로 확실히 분리되지 않습니다. 오브젝트 단위 편집을 사용하거나 더 나은 래스터 원본을 준비하세요.
이미 소유한 SVG라면 SVG 지원 편집기에서 열고 실제 배경 오브젝트를 검사하세요. 여기서 설명하는 PerfectVector 변환 결과 편집기는 결과 잠금 해제 후에 사용하며, 업로드한 모든 SVG를 제한 없이 직접 편집할 수 있다는 약속이 아닙니다.
썸네일뿐 아니라 내보낸 파일 확인하기
사용할 앱에서 SVG를 어둡거나 채도가 높은 배경에 배치하세요. 피사체 바깥 공간과 의도한 내부 흰색 디테일을 모두 확인합니다. 흰색 캔버스의 미리보기에서는 흰색 오브젝트가 있어도 올바르게 보일 수 있습니다.
커팅 프로젝트라면 경로도 검사하세요. 투명한 색상 값은 도형을 눈에 보이지 않게 숨기면서도 파일 안에 오브젝트를 남길 수 있습니다. 배경 오브젝트 제거와 채우기 숨기기는 서로 다른 작업입니다. 소재 제작에 디자인을 사용하기 전에 커팅 전 SVG 검사를 사용하세요.
저장한 파일에 상자가 남아 있다면 다시 열고 원인이 되는 배경 경로나 삽입 이미지를 찾습니다. 사용할 앱에서만 상자가 보인다면, 재추적 전에 다른 뷰어에서 같은 SVG를 비교하고 해당 앱의 가져오기 및 내보내기 처리를 확인하세요.
AI 이미지와 칠해진 체커보드
체커보드는 표시 관례일 뿐입니다. 다른 색상 위에 이미지를 놓았을 때도 사각형이 보이면 빈 공간이 아니라 작품의 일부입니다. 생성기 썸네일로 판단하지 말고 다운로드한 파일의 알파를 확인하세요.
실제 투명도 옵션을 제공하는 생성기도 있습니다. OpenAI의 Images API 참조는 투명, 불투명, 자동 배경 모드를 문서화합니다. 하지만 그 옵션만으로 특정 다운로드 파일 안에 무엇이 있는지 확정할 수는 없습니다. 배경이 픽셀에 칠해져 있다면 추적 전에 래스터를 정리하고 실제 알파로 내보내세요.
자주 묻는 질문
SVG는 투명 배경을 지원하나요? 네. SVG에는 기본적으로 칠해진 배경이 없지만, 도형이나 삽입된 래스터 이미지가 불투명한 배경을 제공할 수 있습니다. 실제 파일을 대비되는 색상 위에서 확인하세요.
투명 배경 SVG를 저장하려면 어떻게 하나요? 실제 배경 오브젝트를 제거하거나 삽입 래스터의 투명도를 준비하고, 의도한 내부 작품을 보존한 다음 SVG로 내보냅니다. 사용할 앱에서 다른 색상 위에 다시 열어 저장된 결과를 확인하세요.
변환 후 SVG에 흰색 배경이 생기는 이유는 무엇인가요? 원본에 불투명한 흰색 픽셀이 있거나, 추적 결과에 배경 오브젝트가 있거나, 래스터 이미지가 삽입된 채 남아 있을 수 있습니다. 래스터 정리와 벡터 오브젝트 제거 중 무엇을 할지 선택하기 전에 원본과 SVG 구조를 검사하세요.
JPG를 투명 배경 SVG로 변환할 수 있나요? 네. 준비 과정에서 배경을 제거하거나 나중에 적합한 벡터 도형에서 제거하면 가능합니다. JPEG 자체는 알파를 저장하지 못합니다. 독립된 추적 배경 오브젝트라면 해당 오브젝트를 삭제하고, 복잡하거나 삽입된 래스터 배경이라면 먼저 투명 PNG를 준비하거나 직접 편집하세요.
PNG를 SVG로 변환할 때 투명도를 유지하려면 어떻게 하나요? PNG에 실제 알파가 있는지 확인하고 추적한 뒤 결과를 원본과 비교합니다. 불필요한 배경 오브젝트가 나타나면 편집이 가능해진 후 적절한 오브젝트를 제거하세요. 내보낸 SVG를 다른 색상 위에서 확인합니다.
PerfectVector에서 SVG의 흰색 배경을 제거하려면 어떻게 하나요? 편집 전에 변환 결과를 잠금 해제하세요. 제거 가능한 배경이 감지되면 Background only를 선택해 별도 내부 흰색 작품을 보존하면서 감지된 배경을 제거합니다. Background color는 범위가 더 넓어 일치하는 내부 디테일도 제거할 수 있습니다. 미리 보고 필요하면 실행 취소하세요.
AI 이미지에 투명 배경 대신 체커보드가 있는 이유는 무엇인가요? 패턴이 픽셀에 칠해져 있을 수 있습니다. 다른 색상 위에서도 남아 있다면 래스터를 정리하고 실제 알파가 있는 PNG로 내보내세요. 생성기의 투명도 옵션도 다운로드한 파일에서 검증해야 합니다.
출처
- W3C: PNG 사양 제3판: PNG 불투명도와 알파 채널 투명도입니다.
- MDN: 이미지 파일 형식 안내: JPEG와 PNG 투명도의 차이입니다.
- W3C: SVG 삽입 콘텐츠: 래스터 픽셀이 SVG 문서 안에 남을 수 있음을 설명합니다.
- PerfectVector: 제품 정보: 결과 미리보기, 잠금 해제, 편집, 내보내기 이용입니다.
- OpenAI: Images API 참조: 생성 이미지의 문서화된 배경 모드입니다.
PNG의 SVG 변환을 미리 보고, 원본과 재구성된 배경을 확인한 뒤 편집 전에 잠금 해제하세요. 투명해져야 할 영역만 제거한 다음 저장한 파일을 다른 색상 위에서 확인합니다.
