ImageGPTImageGPT
사용법6분 분량

PNG SVG 변환 방법: 무료 윤곽선 추적과 AI 벡터화 비교

로고 하나를 3가지 버전으로 만들어 8배 확대했어요. PNG의 픽셀, 무료 추적의 거친 부분, AI 벡터화의 차이를 확인해 보세요.

점토로 만든 여우 엠블럼 옆에 매끄러운 곡선과 앵커 포인트로 이루어진 와이어프레임이 놓인 모습
목차

작은 사업을 운영하다 보면 언젠가는 로고 파일이 PNG밖에 없다는 걸 알게 돼요. 인쇄소에서는 배너 제작용 벡터 파일을 요청하고, Cricut이나 레이저 커터에는 따라갈 경로가 필요하죠. 이메일 서명에서는 멀쩡해 보이던 PNG도 큰 화면에서는 흐릿해져요. logo.png의 이름만 logo.svg로 바꿔서는 해결되지 않아요. SVG는 픽셀이 아닌 도형과 곡선으로 그림을 표현하므로 윤곽선을 따라 그려야 해요.

ImageGPT의 변환 및 압축 도구에는 ‘SVG로 변환’ 탭이 있고, 변환 방법은 2가지예요. AI 벡터화는 Recraft Vectorize 모델을 사용해 디자이너가 작업한 듯 깔끔한 윤곽선을 만들어요. 빠른 추적은 브라우저에서 무료로 실행되며 단순한 로고와 아이콘에 잘 맞아요.

녹색 커피잔을 든 웃는 여우가 있는 원형 배지. 주황색 테두리와 짙은 남색 배경
PNG
AI 벡터화로 만든 같은 배지의 SVG. 색상은 그대로이고 윤곽선은 매끄러운 모습
AI 벡터화
빠른 추적으로 만든 같은 배지의 SVG. 색상은 유지됐지만 선 가장자리에 얇고 밝은 조각이 보이는 모습
빠른 추적, 8색
원본은 이번 비교를 위해 AI로 만든 512 × 512 px 테스트 로고예요. 멀리서 보면 3가지가 비슷하지만 확대하면 차이가 드러나요.

PNG와 SVG, 확대해서 비교해 볼까요?

PNG는 픽셀로 이루어진 격자예요. 크게 키우면 가장자리가 계단처럼 보이고 흐려져요. 반면 SVG는 ‘이 색상의 원’, ‘여기서 저기까지 이어지는 곡선’처럼 도형을 저장해요. 광고판 크기로 늘리거나 파비콘만큼 줄여도 가장자리가 또렷하죠. 위 로고의 여우 얼굴을 8배 확대해 봤어요.

PNG에서 여우 얼굴을 확대했을 때 눈, 코, 미소 주변에 픽셀이 보이는 모습
PNG ×8
AI SVG로 만든 같은 얼굴. 가장자리가 매끄럽고 곡선이 깔끔한 모습
AI SVG ×8
추적한 SVG로 만든 같은 얼굴. 가장자리는 또렷하지만 일부가 각져 있고, 미소를 따라 녹색과 흰색 조각이 보이는 모습
추적한 SVG ×8
PNG에서는 픽셀이 드러나요. AI 버전은 가장자리와 곡선이 매끄럽고 깔끔해요. 추적한 버전도 진짜 벡터지만 원본 픽셀을 있는 그대로 따라가기 때문에 선 주변의 안티앨리어싱이 녹색과 흰색의 자잘한 조각으로 남았어요.

어떤 방법을 선택할까요?

항목AI 벡터화빠른 추적
실행 위치서버에서 Recraft Vectorize 모델로 실행브라우저에서 실행
가격이미지당 2 크레딧무료
계정필요불필요
색상모델이 선택흑백, 4색, 8색, 16색 또는 32색
추천 용도깔끔한 선이 필요한 로고, 아이콘, 일러스트단순한 그래픽, 실루엣, 글자, 도장
테스트한 SVG 크기15 KB8색 기준 119 KB

AI 모델은 윤곽선과 노이즈, JPG 압축 흔적을 구분할 수 있어 경로와 노드를 적게 사용하고 파일도 가벼워요. 이번 예시에서는 파일 크기가 8배나 작았어요. 빠른 추적은 반투명한 가장자리 픽셀까지 모든 색상 영역의 윤곽을 충실히 따라가요. 2~3색 그래픽이라면 이 정도로 충분하지만, 인쇄할 로고라면 AI를 사용하세요.

‘흑백’은 단색 그림에 사용하세요

‘빠른 추적’에는 ‘흑백’ 모드가 있어요. 서명, 도장, 실루엣, 잉크 드로잉처럼 원래부터 한 가지 색으로 된 이미지에 적합해요. 컬러 로고에 사용하면 디테일이 사라져요. 테스트한 여우 로고에서는 주황색과 남색이 하나의 톤으로 합쳐지면서 눈과 코도 사라졌어요.

흑백으로 추적한 여우 배지. 어두운 원 안에 밝은 귀, 볼, 컵만 있고 눈과 코는 없는 모습
같은 로고를 ‘흑백’ 모드로 변환한 결과예요. SVG 크기는 7 KB에 불과하지만 컬러 배지를 위한 모드는 아니에요.

시작하기 전에

  • 가지고 있는 이미지 중 가장 큰 버전을 준비하세요. 윤곽선에 픽셀이 많을수록 더 정확하게 추적할 수 있어요.
  • 로고를 깔끔하게 정리하세요. 여백을 잘라내고, 배경을 벡터에 포함하고 싶지 않다면 제거하세요.
  • 파일의 용도를 정하세요. 인쇄, 커팅, 자수에는 AI를 사용하고, 프레젠테이션 슬라이드의 아이콘이라면 빠른 추적으로 충분해요.
  • 사진도 벡터화할 수 있지만 사진 그대로 나오지는 않아요. 평평한 색상 영역으로 이루어진 스타일화된 그림이 돼요.

단계별 변환 방법

  1. ‘변환 및 압축’에서 ‘SVG로 변환’ 탭을 열거나, 도구가 포함된 PNG SVG 변환 페이지로 이동하세요.
  2. 이미지를 추가하세요. PNG, JPG, WEBP를 사용할 수 있어요.
  3. ‘AI 벡터화’ 또는 ‘빠른 추적’을 선택하세요. 빠른 추적을 선택했다면 색상 수도 고르세요.
  4. 벡터화를 클릭하세요. 빠른 추적은 거의 즉시 끝나고, AI는 몇 초 정도 걸려요.
  5. SVG를 다운로드한 뒤 Figma나 Illustrator, Inkscape, Cricut Design Space, 또는 사용 중인 레이저 커팅 소프트웨어에서 열어보세요.

어시스턴트에게 요청하기

ImageGPT 어시스턴트와의 채팅에 이미지를 첨부하고 원하는 작업을 설명해도 돼요. 단순한 그래픽에는 무료 추적을 실행해요. 인쇄물, 그라디언트, 사진처럼 품질이 중요하다면 AI 벡터화를 제안하고 실행 전에 가격을 보여줘요. 예를 들면 이렇게 요청할 수 있어요.

프롬프트

이 로고를 SVG로 바꿔줘

프롬프트

이 로고는 인쇄할 배너에 넣을 거야. AI로 벡터화해 줘

알아두면 좋은 점

  • AI 결과는 다른 생성 결과와 마찬가지로 작업 기록에 저장돼요.
  • 아주 큰 이미지는 Recraft로 보내기 전에 긴 변을 4096 px로 줄이고, 아주 작은 아이콘은 모델이 추적할 수 있도록 키워요.
  • 빠른 추적은 긴 변이 최대 1000 px인 이미지에서 작동해요. 픽셀을 더 늘려도 결과는 거의 나아지지 않고 시간만 더 걸려요.
  • 로고 안의 글자는 윤곽선으로 바뀌어요. 겉보기는 같지만 나중에 텍스트로 편집할 수는 없어요.
  • SVG에서 스크립트와 외부 링크를 제거하므로 어디서든 안전하게 열 수 있어요.

요금

빠른 추적은 무료이며 계정도 필요 없어요. AI 벡터화는 이미지당 2 크레딧이고, 성공했을 때만 크레딧이 차감돼요. 새 계정에는 무료 크레딧 6개가 제공돼요.

로고나 아이콘을 추가하고 SVG로 변환해 보세요.

SVG로 변환

도구 페이지에서 예시와 자주 묻는 질문을 확인하세요.

PNG SVG 변환기
직접 해보기

글의 모든 내용을 몇 분 만에 해보세요

이 글의 모든 모델과 도구를 한곳에서 쓸 수 있습니다. 가입하면 무료 크레딧 6개를 드리며, 생성 전에 가격이 표시됩니다.

SVG로 변환

함께 읽기