본문으로 건너뛰기

PNG를 SVG로 변환

PNG나 JPG를 확대해도 깨지지 않는 SVG 벡터로 변환해요. 로고와 일러스트에 맞는 프리셋을 쓸 수 있고, 변환은 브라우저에서 바로 처리해요.

벡터로 변환할 이미지를 끌어다 놓으세요PNG, JPG, WebP… 로고와 단순한 그래픽에 가장 잘 맞아요
이미지 선택기기에서 처리되며 업로드되지 않아요
브라우저에서 실행 · 업로드 없음작동 방식

PNG를 SVG로 사용 방법

  1. 1

    이미지 한 장 넣기

    PNG, JPG, WebP 등 25 MB 이하 이미지를 추가하세요. 로고, 아이콘, 서명, 단색 위주의 일러스트가 가장 잘 변환돼요.

  2. 2

    스타일 선택

    흑백은 밝기 임계값으로 단색 도형을 만들고, Color는 최대 32색, 상세는 최대 64색까지 사용해요.

  3. 3

    경로 다듬기

    스무딩을 높이면 곡선이 더 둥글어지고, 노이즈 필터는 작은 점을 없애요. 배경 제거는 켜고 끌 수 있어요.

  4. 4

    SVG 저장

    결과를 원본과 비교한 뒤 name.svg를 다운로드하거나 SVG 코드를 복사해 프로젝트에 붙여넣으세요.

제한 및 Pro

한 번에 이미지 1장, 25 MB 이하만 가능하고, 가장 긴 변 최대 2,000 px, 최대 64색으로 트레이싱해요.

Pro는 최대 4 GB의 원본 이미지를 지원해요. Pro 보기

PNG를 SVG로 소개

PNG를 SVG로 변환하는 이 도구는 래스터 이미지의 윤곽을 따라가서 벡터 경로로 다시 만들어요. 그래서 결과물은 대형 현수막부터 파비콘까지 픽셀이 보이지 않게 크기를 키우고 줄일 수 있어요. 먼저 median-cut 양자화로 이미지를 팔레트로 줄이고, 흑백 모드에서는 도형 색상 하나로 줄여요. 그런 다음 imagetracerjs 엔진이 각 색상 영역의 윤곽을 그려요. SVG에는 색상 레이어마다 path 요소가 하나씩 들어가고, 원본 이미지의 너비와 높이가 그대로 유지돼요. 배경 레이어를 빼면 로고를 투명하게 만들 수도 있어요.

트레이싱 해상도는 속도와 디테일 사이에서 세 단계로 고를 수 있어요. 빠르게는 가장 긴 변을 800픽셀, 균형은 1,200픽셀, 높음은 2,000픽셀로 처리해요. 스무딩은 픽셀 단차를 그대로 따르는 정확하게부터 모서리를 크게 둥글리는 최대까지 있어요. 노이즈 필터는 최대 40픽셀까지의 작은 조각을 지워요. 미리보기 아래 통계에서 경로와 색상 수를 볼 수 있어서 파일이 얼마나 무거울지 가늠하기 좋아요.

PNG로만 남아 있는 회사 로고, 스캔한 서명이나 도장, 비닐 커팅 플로터나 레이저 각인기용 파일, 단순한 아이콘에 잘 맞아요. 사진은 잘 맞지 않아요. 색이 뭉개져 포스터처럼 보이고, 세부가 많은 사진은 수 MB짜리 SVG가 되어 JPG보다 크고 느려질 수 있어요. 그라데이션은 띠처럼 보이고, 글자는 편집 가능한 문자가 아니라 도형이 되며, 아주 가는 선은 낮은 해상도에서 끊어질 수 있어요.

개인정보 보호

트레이싱은 이 탭의 전용 Web Worker에서 실행돼요. 이미지는 기기에서 디코딩되고, imagetracerjs가 색상을 줄이고 윤곽을 만들며, SVG도 기기에서 조립돼요. 트레이서 코드는 이미지를 선택한 뒤에만 이 사이트에서 불러와요. 이미지와 SVG는 업로드되지 않고, 페이지를 닫으면 어디에도 남지 않아요.

기능

깔끔한 벡터 경로

색상 레이어마다 간결한 경로 하나. 픽셀 없이 어떤 크기로도 확대할 수 있어요.

세 가지 스타일

로고와 서명에는 흑백, 단색 위주 작업에는 Color, 더 풍부한 일러스트에는 상세.

스무딩과 노이즈 필터

다운로드 전에 울퉁불퉁한 단차를 둥글리고 작은 점을 없애세요.

코드 복사

SVG 마크업을 HTML, CSS, 디자인 도구에 바로 붙여넣으세요.

PNG를 SVG로: 자주 묻는 질문

어떤 이미지가 SVG로 가장 잘 변환되나요?
가장자리가 선명하고 색이 적은 이미지가 좋아요. 로고, 아이콘, 선 그림, 서명, 도장, 단색 위주의 일러스트, 단순한 다이어그램이 해당하고, 너비는 500픽셀 이상이면 더 좋아요. 단색 작업물은 흑백으로, 평면적인 그래픽은 Color 4~8색으로 시작해 보세요. 사진이나 부드러운 그라데이션은 작은 도형이 수천 개 생기므로 원본 JPG나 PNG가 더 나아요.
투명한 SVG 로고는 어떻게 만드나요?
배경 제거를 켠 상태로 두세요. 흑백 모드에서는 기본값이에요. 이미지 가장자리에서 가장 많이 나오는 색을 배경으로 보고 제외하기 때문에 로고 도형만 남아요. 흑백 모드에서 어두운 배경 위의 밝은 로고라면 반전을 쓰고 원하는 도형 색상을 고르세요. 다운로드하기 전에 체크무늬 배경 위 미리보기로 확인해 보세요.
SVG 가장자리가 거칠고 지저분한 이유가 뭔가요?
트레이싱은 눈에 보이는 픽셀을 그대로 따라가기 때문에, 흐리거나 작거나 심하게 압축된 원본에서는 윤곽이 울퉁불퉁해지고 잔점이 생겨요. 트레이싱 해상도를 높음으로 바꾸고, 스무딩을 높음이나 최대로 올리면 곡선이 더 둥글어져요. 노이즈 필터를 10~20픽셀로 올리면 잔점이 사라져요. 더 크고 깨끗한 원본을 쓰면 어떤 설정보다 결과가 좋아져요.
결과물이 진짜 벡터 파일인가요?
네. 다운로드되는 파일은 채우기 색이 있는 path 요소로 이루어진 표준 SVG이고, 안에 비트맵은 들어 있지 않아요. 그래서 픽셀 깨짐 없이 어떤 크기로도 확대할 수 있고, Illustrator, Inkscape, Figma, Affinity와 모든 브라우저에서 열려요. 거기서 레이어 색을 바꾸거나 도형을 지우고 노드를 단순화할 수 있어요. 원본의 글자는 윤곽선 도형이 되어 문자로는 편집할 수 없어요.
Cricut, 플로터, 레이저 커터에 SVG를 쓸 수 있나요?
대체로 쓸 수 있어요. 흑백 모드에서 배경 제거를 켜면 배경 사각형 없이 채워진 도형만 만들어져서 커팅이나 각인 소프트웨어에서 바로 불러올 수 있어요. 떼어내기 어려운 아주 작은 조각은 노이즈 필터로 없애고, 곡선을 깔끔하게 하려면 스무딩을 높이세요. 글자 안쪽 같은 작은 구멍이 의도대로 나왔는지는 기기용 소프트웨어에서 꼭 확인하세요.

이 도구로 할 수 있는 다른 작업