UltKit
이미지11
이미지 변환이미지 용량 줄이기이미지 크기 조절사진 자르기이미지 PDF 변환증명사진 만들기이미지 SVG 변환이미지 도구 전체 →
PDF13
PDF 압축PDF 변환PDF 이미지 변환PDF 합치기PDF 나누기PDF 암호 해제PDF 암호 설정PDF 도구 전체 →
문서·데이터7
PDF로 변환문서 변환이미지 텍스트 추출(OCR)이미지 엑셀 변환데이터 변환전자책 변환문서·데이터 도구 전체 →
동영상6
동영상 변환영상 용량 줄이기동영상 음원 추출동영상 GIF 변환동영상 자르기오디오 동영상 변환동영상 도구 전체 →
오디오4
오디오 변환오디오 용량 줄이기MP3 자르기음성 텍스트 변환오디오 도구 전체 →
기타 도구22
QR 코드 생성ZIP 파일 만들기온라인 압축 풀기시간대 변환기단위 변환기비밀번호 생성기글자 수 세기컬러 피커기타 도구 전체 →
블로그이용 방법

PNG SVG 변환 무료

PNG는 벡터로 바꾸기에 가장 좋은 래스터 원본입니다. 가장자리가 무손실이고 배경이 이미 투명한 경우가 많기 때문입니다. PNG를 업로드하고 남길 색상 수를 고른 뒤, 크기를 자유롭게 바꾸고 편집할 수 있는 도형이 담긴 SVG를 내려받으십시오.

이미지 SVG 변환

또는 JPG, JPEG, JFIF … 파일을 여기에 끌어다 놓으세요 ·

파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제

출력
8

파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.

사용 방법

  1. 1

    PNG 업로드

    PNG 로고, 아이콘, 스티커, 그림을 끌어다 놓거나 최대 20개까지 한 번에 올리십시오. 크게 내보낸 파일일수록 트레이싱이 잘 됩니다. 너비 1000 px PNG가 64 px 파비콘보다 낫습니다.

  2. 2

    트레이싱 모드 선택

    일반적인 로고라면 색상 모드를 컬러, 8색으로 두고, 선화라면 흑백으로 바꾸거나, 색상 수를 디자인에 쓰인 정확한 색 개수로 지정하십시오.

  3. 3

    SVG 다운로드

    SVG로 벡터 변환을 누르십시오. 파일을 열어 곡선을 확대해 보고 가장자리가 계단처럼 보이면 고급 설정에서 부드럽게 값을 올려 다시 실행하십시오.

SVG 변환에 PNG가 가장 좋은 이유

PNG는 1995년 특허 없는 GIF 대체 포맷으로 만들어졌고 1996년 10월 W3C 권고안이 되었습니다. 압축이 무손실이라 흰 가장자리 옆의 빨간 가장자리는 물결이나 블록 없이 정확히 그대로 남습니다. 트레이서에게는 이상적인 입력입니다. 두 색의 경계가 픽셀이 말하는 바로 그 자리에 있으므로, 맞춰진 곡선이 원래 디자인에 꼭 붙습니다.

PNG는 픽셀마다 별도의 불투명도 값을 가진 알파 채널도 담을 수 있습니다. Figma, Canva, Photoshop에서 내보낸 로고와 아이콘은 보통 이를 사용하며, 알파 채널은 준비된 마스크 역할을 합니다. 투명한 것은 모두 배경, 불투명한 것은 모두 작업물입니다. 같은 로고의 JPEG에는 흰 상자가 박혀 있으므로 JPEG SVG 변환은 더 강한 부드럽게 처리와 배경 제거가 필요한 경우가 많습니다.

입력이 깨끗하기 때문에 이 페이지는 디테일 70, 부드럽게 40을 사용해 JPEG 페이지에서는 뭉개지는 작은 모서리와 세리프를 살립니다. PNG SVG 변환 가이드에서 예시와 함께 설명합니다.

컬러, 회색조, 흑백 트레이싱

기본값

컬러

색상 묶음마다 채워진 패스로 된 레이어가 하나씩 만들어집니다.

  • 2–64색
  • 브랜드 색상 유지
  • 겹쳐 쌓인 도형이라 색 바꾸기 쉬움
적합한 용도: 로고, 아이콘, 스티커, 플랫 일러스트
명암

회색조

컬러 모드와 같지만 묶음이 회색 톤입니다.

  • 2–64단계 회색
  • 색 번짐 없음
  • 연필·목탄화에 적합
적합한 용도: 스케치, 판화, 단색 인쇄물
두 가지 톤

흑백

기준값 하나로 가릅니다. 모든 픽셀이 잉크이거나 아무것도 아닙니다.

  • 임계값 1–254
  • 가장 작은 용량
  • 단일 패스 세트
적합한 용도: 서명, 스텐실, 시트지·레이저 커팅

선화용 PNG SVG 변환 임계값

  1. 60

    가장 진한 잉크만 남음

  2. 128

    중간 회색에서 나누는 기본값

  3. 170

    흐리거나 안티앨리어싱된 선도 유지

  4. 220

    옅은 회색이 검게 바뀌고 가장자리가 두꺼워짐

PNG

PNG 이미지(Portable Network Graphics)

PNG는 1996년 PNG Development Group이 발표하고 이후 W3C와 ISO가 표준화한 무손실 래스터 형식입니다. 모든 픽셀을 그대로 보존하고, 완전한 알파 투명도를 지원하며, 글자, 날카로운 가장자리, 단색 영역을 아티팩트 없이 표현합니다. 이런 정확성 덕분에 스크린샷, 로고, 아이콘, 인터페이스 그래픽에 이상적입니다. 대신 용량이 문제여서, 사진을 PNG로 저장하면 같은 사진의 JPEG나 WebP보다 몇 배 커지는 경우가 많습니다. 모든 브라우저, 운영 체제, 편집기에서 PNG 파일을 열 수 있습니다.

압축 방식
무손실
투명도
예
애니메이션
아니요
도입 연도
1996 · PNG Development Group
PNG 변환

SVG

SVG 벡터 그래픽(Scalable Vector Graphics)

SVG는 2001년 W3C가 표준화한 XML 기반 벡터 형식입니다. 픽셀 대신 도형, 패스, 텍스트를 기술하므로 어떤 크기에서도 선명하고, 로고와 아이콘은 보통 용량이 아주 작습니다. 투명도, CSS 스타일, 스크립트, 애니메이션을 지원하며 모든 브라우저가 기본으로 렌더링합니다. SVG는 사진에는 맞지 않고, 복잡한 일러스트는 렌더링이 느려질 수 있습니다. Illustrator, Inkscape, Figma와 브라우저에서 열고 편집할 수 있습니다.

압축 방식
–
투명도
예
애니메이션
예
도입 연도
2001 · W3C
SVG 변환

PNG는 가장자리가 또렷하고 배경이 투명한 경우가 많아, 인쇄, 커팅기, 반응형 웹사이트에서 크기를 자유롭게 바꿀 수 있는 로고나 아이콘을 얻으려고 SVG로 트레이싱합니다. SVG PNG 변환은 반대로, SVG를 읽지 못하는 앱을 위해 벡터를 픽셀로 렌더링합니다.

트레이싱 전에 PNG 준비하기

  1. 크게 내보내기

    표시 크기의 두세 배로 PNG를 저장하십시오. 곡선은 픽셀 가장자리에 맞춰지므로 픽셀이 많을수록 곡선이 정확해집니다.

  2. 효과 평면화

    그림자, 광선, 그러데이션은 각각 수십 개의 얇은 띠가 됩니다. 내보내기 전에 숨기고 필요하면 SVG에서 다시 추가하십시오.

  3. 색상 수 세기

    디자인에 쓰인 단색 개수를 확인해 그 숫자를 입력하십시오. CNC나 레이저 작업이라면 PNG DXF 변환이 같은 파일을 CAD 포맷으로 트레이싱합니다.

PNG SVG 변환 자주 묻는 질문

계정 없이 PNG를 SVG로 무료 변환할 수 있습니까?

가능합니다. 계정 없이 업로드, 트레이싱, 다운로드까지 할 수 있으며 한 번에 최대 20개 파일을 처리합니다. 업로드한 PNG와 완성된 SVG는 30분 뒤 서버에서 삭제됩니다.

PNG의 투명한 영역은 SVG에서 어떻게 됩니까?

PNG 알파 채널이 어떤 픽셀이 작업물인지 트레이서에 알려 주므로, 완전히 투명한 영역은 흰 도형이 되지 않고 비어 있습니다. 대개 배경 제거는 필요 없으며, PNG에 흰색이나 단색 배경이 박혀 있을 때만 켜십시오.

트레이싱한 PNG 아이콘의 도형마다 희미한 테두리가 생기는 이유는 무엇입니까?

매끄러운 PNG 가장자리에는 안티앨리어싱이 적용되어 있어 가장 바깥 픽셀이 반투명하거나 두 색이 섞여 있습니다. 트레이서가 이 혼합색을 얇은 색 하나로 더 읽을 수 있습니다. 색상 수를 한두 개 줄이거나 부드럽게 값을 올리면 테두리가 도형에 합쳐집니다.

Illustrator 이미지 추적이나 Inkscape 비트맵 추적과 비교하면 어떻습니까?

방식은 같습니다. 색을 줄이고, 가장자리를 찾고, 곡선을 맞춥니다. Illustrator에는 흑백 로고, 16색 같은 사전 설정이 있고 Inkscape는 밝기 기준 분리와 다색 스캔을 제공합니다. 여기서는 색상 모드, 색상 수, 임계값이 같은 역할을 하며 설치할 것이 없습니다.

PNG 속 글자가 SVG에서 편집 가능한 텍스트가 됩니까?

아닙니다. 글자는 윤곽선 도형으로 트레이싱되므로 모양은 유지되지만 다시 입력해 고칠 수는 없습니다. 로고에는 이것으로 충분하며, 글자가 가득한 스크린샷이라면 새로 입력하는 편이 빠릅니다.

PNG에 딱 다섯 가지 색만 쓰였습니다. SVG에서도 그 색을 정확히 유지할 수 있습니까?

색상 수를 5로 설정하십시오. 트레이서가 모든 픽셀을 다섯 묶음으로 나누며, 단색 위주의 PNG라면 그 묶음이 원래 색과 일치합니다.