PNG를 SVG로 사용 방법
- 1
이미지 한 장 넣기
PNG, JPG, WebP 등 25 MB 이하 이미지를 추가하세요. 로고, 아이콘, 서명, 단색 위주의 일러스트가 가장 잘 변환돼요.
- 2
스타일 선택
흑백은 밝기 임계값으로 단색 도형을 만들고, Color는 최대 32색, 상세는 최대 64색까지 사용해요.
- 3
경로 다듬기
스무딩을 높이면 곡선이 더 둥글어지고, 노이즈 필터는 작은 점을 없애요. 배경 제거는 켜고 끌 수 있어요.
- 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, 디자인 도구에 바로 붙여넣으세요.