도구95

변환 / 실용적인 이미지 가이드

투명한 PNG을(를) 간단한 SVG(으)로 추적하는 방법

투명한 아트워크를 편집 가능한 모양으로 추적하세요.

PNG은(는) 배경이 투명해도 픽셀을 저장합니다. PNG to SVG은(는) 아트워크 가장자리를 따라 벡터 경로를 만듭니다. 기존의 투명 영역을 유지하고, 팔레트를 단순화한 뒤 다운로드하기 전에 추적 결과를 비교하세요.

업데이트됨

가이드 따라하기
실제 입력 및 다운로드된 결과물
이전 PNG에서 SVG로 변환하기 위한 원본 소스: 640 x 640 픽셀.

sample-vector.png: 640 x 640 px, 23,812 바이트.

이후 PNG에서 SVG로 변환된 실제 다운로드 결과물: 640 x 640 픽셀.

sample-vector.svg: 640 x 640 px, 8,739 바이트.

원본 투명 PNG와 실제 4색 SVG 결과물입니다. 축소된 팔레트는 꽃을 7개의 경로로 단순화하며 작은 세부 사항을 변경합니다.
광고
빠른 동영상 튜토리얼 How to trace PNG to SVG with the Illustration preset Upload PNG artwork, choose the Illustration preset for a color trace, select Start and download the SVG result. 영어 내레이션 동영상 보기

How to trace PNG to SVG with the Illustration preset

광고

의도적으로 단순화된 4색 트레이싱을 따라가며 팔레트 축소가 아트워크를 어떻게 변화시키는지 확인해 보세요. PNG에서 SVG로 열기.

01

깔끔한 투명 PNG 업로드

PNG to SVG을(를) 열고 PNG을(를) 업로드하거나 꽃 샘플을 시도해 보세요. 가장자리를 정의할 수 있는 충분한 픽셀이 있는 선명한 소스를 사용하세요. 투명도는 분리된 아트워크에 유용하지만, 투명한 배경이 비트맵을 벡터로 바꿔주지는 않습니다.

시작점으로 로고를 선택하세요. 색상 모드를 유지하세요. 이 예시를 재현하려면 색상 수를 4, 디테일을 4(으)로 설정하세요. 의도적으로 줄인 팔레트는 추적이 디자인을 어떻게 바꿀 수 있는지 보여줍니다.

선명하고 평평한 아트워크가 가장자리가 흐릿하거나 압축된 스크린샷보다 더 깔끔하게 추적됩니다.

02

색상 줄이기 및 추적 결과 확인

미리보기 업데이트를 선택하세요. 원본과 벡터 사이를 전환하거나 비교 슬라이더를 움직여 보세요. 여러 꽃 색상이 더 단순한 영역으로 합쳐지고 작은 장식용 점이 사라집니다. 이것은 정확한 색상 복사가 아닌 단순화된 디자인입니다.

가장자리 및 배경 다듬기를 여세요. 곡선 부드럽게는 가장자리 단순화를 제어하고, 작은 점 제거는 고립된 표시를 제거합니다. 예시에서는 이를 60 및 4로 유지합니다. 팔레트 축소로 중요한 구분이 사라지면 색상 수를 늘리세요.

배경을 투명도 유지로 두세요. 색상 추적은 기존의 투명 영역을 유지하지만, 부분적으로 투명한 픽셀은 단순화되며 부드러운 가장자리는 변경될 수 있습니다. 불투명한 흰색 영역은 콘텐츠로 남으며, 이 설정이 자동으로 제거해주지는 않습니다.

강력한 점 제거 기능은 디자인에 포함되어야 할 점, 문장 부호 또는 장식용 표시를 제거할 수 있습니다.

이 가이드의 예시

프리셋: 로고, 색상: 4, 세부 정보: 4, 색상 모드, 곡선 부드럽게: 60, 작은 얼룩 제거: 4, 배경: 투명도 유지.

입력
640 x 640 px
출력
640 x 640 px
입력 파일
23,812 바이트
다운로드된 파일
8,739 바이트
벡터 경로
7
03

SVG 다운로드 및 편집

시작을 선택하고 SVG을(를) 저장하세요. 이 예시는 640 x 640 캔버스, 7개의 경로, 8,739 바이트 크기를 가집니다. 소스 PNG은(는) 23,812 바이트이지만, 다른 아트워크는 더 큰 SVG을(를) 생성할 수 있습니다.

벡터 편집기에서 파일을 열어 경로와 채우기 색상을 조정하세요. 정확한 음영이 중요할 때는 PNG을(를) 유지하세요. 추적 기능은 다른 개체 뒤에 숨겨진 레이어, 글꼴 또는 모양을 재구성할 수 없습니다.

여러 PNG 파일의 경우 동일한 설정이 적용되며 결과물은 ZIP 파일로 생성됩니다. 미리보기 트레이싱은 가장 긴 변을 최대 1200픽셀까지 사용하며, 최종 트레이싱은 최대 2048픽셀을 사용하고 원본 캔버스 크기를 유지합니다.

이 기사는 실제 결과물의 WebP 렌더링을 보여줍니다. 편집 가능한 벡터 경로를 보려면 SVG 자체를 다운로드하세요.

유용한 세부 정보

자주 묻는 질문

투명한 배경이 유지되나요?

색상 트레이싱은 '투명도 유지' 설정을 통해 투명 영역을 보존합니다. 반투명 픽셀은 단순화되므로 그라데이션이 변경될 수 있습니다.

왜 일부 색상이 합쳐지나요?

색상 제한은 팔레트를 제한합니다. 유사하거나 작은 영역은 합쳐질 수 있으므로, 색상 수를 높이고 미리보기를 업데이트하여 더 많은 구분을 확인하세요.

흰색 배경이 제거되나요?

색상 트레이싱은 불투명한 흰색을 콘텐츠로 취급합니다. '투명도 유지'는 피사체를 식별하는 대신 기존의 투명도를 보존합니다.

글자를 텍스트로 편집할 수 있나요?

글자는 외곽선으로 변환됩니다. 모양은 편집할 수 있지만, 폰트가 적용된 편집 가능한 텍스트로는 인식되지 않습니다.

당신의 차례

나만의 이미지로 워크플로우를 시도해 보고, 향후 편집을 위해 원본 파일을 보관하세요.

샘플을 사용하거나 직접 파일을 사용해 보고, 공유하기 전에 결과를 검토하세요.

PNG에서 SVG로 열기

이미지 상세 정보

언어38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

언어를 선택하세요. 동영상 튜토리얼은 현재 영어 내레이션을 사용합니다.