본문으로 건너뛰기

이미지 벡터화, 로고 JPG를 SVG로 바꾸는 순서

이미지 벡터화는 JPG · PNG 로고를 SVG · AI 같은 벡터 파일로 바꾸는 일입니다. 자동 추적 · 웹 변환 · AI 벡터화 · 다시 그리기 네 가지 비교, 일러스트레이터와 무료 프로그램의 변환 순서와 설정, 400% 확대 · 색 수 · 글자 · 고정점 · 겹친 선 검수표, 넘길 파일 형식을 정리했습니다.

이미지 벡터화, 로고 JPG를 SVG로 바꾸는 순서 — 식스원 블로그

이미지 벡터화는 점(픽셀)으로 된 JPG · PNG를 선과 면의 좌표로 된 벡터 파일(SVG · AI · EPS · PDF)로 바꾸는 일입니다. 색이 몇 가지뿐인 단순한 로고는 디자인 프로그램의 자동 추적 기능으로 시작하면 되고, 글자가 작거나 곡선이 많아 결과가 뭉개지면 원본 위에 다시 그리는 편이 더 빠릅니다. 어느 쪽이든 400% 확대 · 색 수 · 글자 모양 · 고정점 수 · 겹친 선 다섯 가지로 검수한 뒤 간판 · 인쇄 · 자수 쪽에 넘깁니다.

이미지 벡터화 — 어떤 방법이 있나요

방법은 네 가지입니다. 걸리는 시간은 로고 하나를 기준으로 한 예시이고, 원본 상태에 따라 달라집니다.

방법하는 일결과시간(예)비용 구조맞는 경우
디자인 프로그램 자동 추적일러스트레이터의 이미지 추적, 무료 프로그램의 비트맵 추적설정에 따라 좋음, 글자는 손질 필요10분~1시간프로그램 구독, 또는 무료2~6색 단순 로고
웹 변환 사이트이미지를 올리면 SVG로 바꿔 줌사이트 · 원본마다 차이가 큼몇 분무료 · 건당 · 월 구독 등 곳마다 다름급한 확인, 단순 아이콘
AI 벡터화 서비스학습된 모델로 경계와 색을 읽어 변환서비스 · 원본마다 차이, 같은 검수표로 비교몇 분미리보기 무료 · 내려받기 유료인 곳이 있음색이 많은 일러스트형 로고를 빠르게 시험
다시 그리기원본을 밑그림 삼아 펜 도구로 선을 새로 긋고, 글자는 같은 서체로 다시 입력가장 정확, 원래 의도대로단순 로고 1~3시간디자이너 작업비원본이 작거나 흐릴 때, 간판 · 자수용

웹 변환 · AI 벡터화 서비스는 무료 범위가 곳마다 다릅니다. 한 AI 벡터화 서비스의 안내(2026-10-15 확인)는 올리기 · 변환 · 미리보기는 무료이고 결과 파일 내려받기는 월 구독으로 되어 있었습니다. 쓰는 날 요금 안내, 결과 파일 이용 조건, 올린 이미지를 어떻게 다루는지를 함께 확인합니다.

일러스트레이터로는 어떤 순서로 바꾸나요

  1. 원본 고르기 — 가지고 있는 파일 가운데 가장 큰 것을 씁니다. 메신저로 받은 이미지는 줄어 있는 경우가 많아 처음 받은 원본을 다시 찾습니다.
  2. 이미지 추적 열기 — 이미지를 놓고 선택한 뒤 창 → 이미지 추적 패널을 엽니다.
  3. 모드 정하기 — 한 가지 색 로고는 흑백, 여러 색 로고는 색상 모드에서 색 수를 로고 색 수와 같게 맞춥니다.
  4. 세부 조정 — 패스(Paths) 값을 높이면 선이 원본에 더 바짝 붙고, 모퉁이(Corners) 값을 높이면 꺾인 점이 늘어나며, 노이즈(Noise) 값을 높이면 작은 얼룩이 사라집니다. 제조사 도움말은 노이즈 값의 출발점으로 고해상도 원본은 20~50, 저해상도 원본은 1~10을 권합니다. 흰 배경이 면으로 남지 않게 흰색 무시(Ignore White)를 켭니다.
  5. 확장 — 결과가 마음에 들면 "확장"을 눌러 편집할 수 있는 패스로 바꿉니다.
  6. 정리 — 남은 흰 조각을 지우고, 글자는 아래 검수표 기준으로 확인합니다.

일러스트레이터 없이 벡터로 바꾸려면 어떻게 하나요

무료 오픈소스 벡터 프로그램인 잉크스케이프(Inkscape)에 비트맵 추적 기능이 있습니다. 순서는 이렇습니다.

  1. 파일 → 가져오기로 로고 이미지를 엽니다.
  2. 이미지를 선택하고 경로(Path) → 비트맵 추적(Trace Bitmap, 단축키 Shift + Alt + B)을 엽니다.
  3. 한 가지 색 로고는 밝기 기준으로 윤곽을 따는 Brightness cutoff, 여러 색 로고는 Multiple scans에서 Colors를 고르고 색 수를 맞춥니다.
  4. 미리보기를 갱신하며 값을 고른 뒤 적용하면 원본 위에 벡터 결과가 겹쳐 생깁니다. 여러 색으로 추적하면 색마다 따로 겹친 개체가 생기므로 그룹을 풀어 색별로 확인합니다.
  5. 아래에 깔린 원본 이미지를 지우고 SVG로 저장합니다.

벡터 변환이 깔끔하지 않을 때는 어떻게 하나요

변환 결과는 아래 다섯 줄로 검수합니다. 한 줄이라도 걸리면 그 부분만 손질하고, 글자 줄과 400% 확대 줄이 함께 걸리면 다시 그리기로 넘어갑니다.

검수 항목보는 법통과 기준(예)걸리면
400% 확대화면을 400%로 키워 곡선 · 모서리 보기곡선이 울퉁불퉁하지 않고 직선이 곧음패스 값을 다시 조정하거나 그 부분만 새로 그리기
색 수견본 · 색상 패널에서 쓰인 색 개수 세기로고 색 수와 같음(예: 3색 로고면 3개)비슷한 색을 합치고 색 값을 브랜드 색으로 지정
글자원본과 겹쳐 놓고 비교획 굵기 · 끝 모양 · 자간이 같음같은 서체로 다시 입력한 뒤 윤곽선 만들기
고정점 수패스를 선택해 점 표시 보기같은 모양을 적은 점으로 — 예: 원 하나에 4~8개단순화 기능으로 점 줄이기
겹친 선 · 빈틈윤곽선 보기(Ctrl/Cmd + Y)흰 조각 · 겹친 면 · 틈이 없음흰 조각 지우기, 같은 색 면 합치기

원본 이미지에서 로고 높이가 몇십 픽셀밖에 안 되거나, 자동 추적 뒤 글자 획이 원본과 달라 보이면 손질보다 새로 그리는 편이 빠릅니다. 간판 커팅 · 자수처럼 선을 그대로 따라 가공하는 곳에 넘길 파일은 처음부터 다시 그리기로 정해 두면 수정이 줄어듭니다.

벡터 파일은 어떤 형식으로 넘기나요

  • SVG — 웹사이트 · 앱 · 문서 도구용. 브라우저에서 바로 열립니다.
  • AI — 일러스트레이터 원본. 디자이너 · 인쇄처에 넘기는 기준 파일입니다.
  • EPS · PDF — 다른 프로그램을 쓰는 인쇄처 · 간판 업체에 넘길 때 함께 보냅니다.

어디에 어떤 형식을 보내는지는 로고 파일 AI · SVG · PNG 글에, 받은 AI 파일을 프로그램 없이 열고 바꾸는 법은 AI 파일 열기 글에 정리돼 있습니다. 유니폼 자수는 벡터 파일을 바탕으로 자수 데이터를 따로 만드는 과정이 있어 로고 자수 글에서 이어 봅니다.

자주 묻는 질문

AI로 이미지 벡터화하면 무료인가요?

서비스마다 다릅니다. 올리기와 미리보기는 무료이고 결과 파일 내려받기는 유료인 형태가 있어, 쓰는 날 요금 안내를 확인합니다. 무료 오픈소스 프로그램의 비트맵 추적은 비용 없이 쓸 수 있고, 어떤 방법으로 바꿨든 결과는 같은 검수표로 확인합니다.

사진도 벡터로 바꿀 수 있나요?

바꿀 수는 있지만 색이 수천 가지라 면이 잘게 쪼개지고 파일이 무거워집니다. 사진은 원래대로 픽셀 이미지로 쓰고, 벡터화는 로고 · 아이콘 · 단색 일러스트처럼 색과 경계가 분명한 이미지에 씁니다.

벡터로 바꾼 로고를 간판 · 인쇄에 바로 써도 되나요?

검수표 다섯 줄을 통과하면 씁니다. 다만 변환은 회사 로고처럼 권리를 가진 이미지에만 합니다. 외주로 만든 로고라면 계약서의 저작권 · 원본 파일 조항을 먼저 보고, 원본 파일을 받을 수 있으면 변환보다 그쪽이 정확합니다.

고정점이 너무 많으면 어떻게 줄이나요?

일러스트레이터는 개체 → 패스 → 단순화, 잉크스케이프는 경로 → 단순화(Ctrl + L)로 점을 줄입니다. 한 번에 많이 줄이면 모양이 둥글게 뭉개지므로 조금씩 적용하고 400% 확대로 다시 봅니다.

오늘 할 일

가지고 있는 로고 이미지 가운데 가장 큰 파일 하나를 찾아 자동 추적으로 한 번 바꾸고, 검수표 다섯 줄에 통과 · 걸림을 적어 보십시오. 글자 줄이 걸리면 그 결과를 들고 다시 그리기 견적을 받으면 됩니다.

이어서 읽기 — 사진 용량 줄이기, KB 목표표와 PC·폰 순서 · 브랜드 가이드라인, 12장 목차와 금지 예시 8개

FacebookX

이 글과 맞는 서비스

이어서 읽기

블로그 전체 글 목록 →

카카오톡 상담식스원 고객센터 카카오톡 채널 (새 창)