변환된 SVG의 윤곽이 거칠다면 문제는 대부분 변환 단계가 아니라 원본에 있습니다. 벡터화는 비트맵에 이미 있는 윤곽을 경로로 다시 서술하는 작업입니다. 원본 윤곽이 깨끗해야 경로도 깨끗한 근거를 얻고, 원본이 압축으로 잡색 테두리를 두르거나 곡선이 서너 픽셀 폭만 남았거나 넓은 그림자를 덮고 있으면 이 결함들이 결과에 그대로 옮겨 갑니다. 거침이 어느 원본 문제에 해당하는지 먼저 판별하고 순서대로 입력을 정리해 다시 변환하는 편이, 무작정 재시도를 반복하는 것보다 훨씬 효과적입니다.
이미지 벡터 변환 열기. 서두르게 도구를 갈아끼우지 마세요. 같은 이미지로 아래의 점검 순서를 한 바퀴 돌면 대부분의 윤곽 문제는 입력을 바꾼 뒤부터 변화가 보입니다. 처음 업로드, 변환, 다운로드의 전체 절차는 《PNG와 JPG를 SVG로 바꾸는 법: 이미지 벡터 변환 완전 가이드》에서 단계별로 시연했으므로 여기서는 윤곽 문제 자체부터 이야기합니다.
핵심 요약
- 압축 노이즈, 낮은 해상도 윤곽, 복잡한 그림자 세 가지 원본 문제는 SVG 경로에 그대로 옮겨지며, 변환은 원본에 없는 정보를 채워 주지 못합니다.
- '원본에 정보 부족'과 '경로 추적 오차'를 먼저 구분하세요. 전자는 더 선명한 원본으로 바꿔야 하고 후자는 입력 정리나 노드 정리로 해결됩니다.
- 재시도할 때는 한 번에 변수 하나만 바꿉니다. 원본 교체, 배경 제거, 색 수 줄이기를 따로 해야 좋아진 점을 구체적 행동으로 돌릴 수 있습니다.
- 이 도구는 PNG, JPG, WebP를 받고 가로세로 모두 256 픽셀 이상이어야 합니다. 결과 패널의 1×, 2×, 4× 확대로 같은 자리의 윤곽을 대조 점검합니다.
문제가 원본에서 왔는지 변환 결과에서 왔는지 먼저 판별하기
결과 패널에서 SVG를 4×까지 열어 가장 거친 윤곽을 찾고, 다시 원본으로 돌아가 같은 부분을 비슷한 배율로 확대해 대조합니다. 세 가지 전형적 결함은 저마다 위치 특징이 있습니다:
압축 노이즈. 원본이 여러 번 저장되거나 메신저로 전달되며 주제 윤곽 바깥에 잡색 한 바퀴가 눌려 붙습니다. 변환 후에는 윤곽에 잘게 부서진 작은 경로와 올 테두리가 걸리고 결함이 윤곽 바깥 한 띠에 몰립니다.
낮은 해상도 윤곽. 원본 해상도가 낮아 곡선과 모서리에 쓸 픽셀이 거의 없습니다. 변환 후 원호에 계단이 생기고 모서리가 무뎌지며 결함은 곡선 꺾이는 지점에 몰립니다.
복잡한 그림자. 원본에 부드러운 그러데이션이나 그림자가 있어 전환 띠에 뚜렷한 경계가 없습니다. 변환 후 비슷한 색 블록 여러 층으로 쪼개지고 결함은 그림자 전환 영역에 몰리며 색도 브랜드 색과 맞지 않습니다.
대조 뒤 유형을 하나 정하면 이후 노선이 정해집니다. 원본을 확대했을 때 윤곽 자체가 올이 일고 끊기거나 노이즈가 돋으면 정보 부족이라 입력을 정리하거나 더 선명한 버전으로 바꾸는 것만 의미가 있습니다. 원본을 확대했을 때 윤곽이 깨끗한데 SVG에 노드와 계단, 부서진 경로가 늘었다면 경로 추적 오차라 재시도나 후처리 노드 정리로 풀릴 수 있습니다. 이 단계를 건너뛰고 변환만 반복하면 두 문제가 뒤섞입니다.
윤곽을 방해하는 배경 덜어내기
배경은 불필요한 경로의 가장 흔한 출처입니다. 주제와 배경을 분리한 뒤 변환하면 경로 수와 윤곽의 깨끗함이 뚜렷이 달라집니다.
단색 배경 처리가 가장 간단합니다. 먼저 사방의 남는 여백을 잘라 주제가 화면을 채우게 하고, 이어 배경색을 지워 투명 배경 PNG로 따로 저장합니다. 여백 잘라내기는 가장 저렴한 한 번의 입력 향상으로 같은 화면에서 주제 윤곽이 더 많은 픽셀을 차지합니다. 자른 뒤에도 가로세로가 256 픽셀 이상이어야 하며 너무 작게 자르면 업로드 검사를 통과하지 못합니다.
복잡한 배경(무늬, 그러데이션, 실사 사진)은 반드시 먼저 주제를 분리해야 합니다. 그렇지 않으면 배경 무늬까지 도형과 함께 경로로 옮겨져 변환 결과의 윤곽에 배경 조각이 가득합니다. 자동 분리가 필요하면 로고 배경 제거 도구로 먼저 처리하고 출력된 투명 배경 이미지를 다시 올려 변환하세요. 누끼 작업 전체는 배경 제거 가이드에 설명이 있어 여기서는 반복하지 않습니다.
배경 제거에서 알아 둘 점이 하나 더 있습니다. 분리 도구가 내보내는 것은 비트맵으로 주제를 배경에서 꺼내 올 뿐 주제 자체의 선명도를 높이지 않습니다. 원본 주제가 이미 흐리면 배경을 지운 뒤에도 여전히 흐리므로, 앞 절로 돌아가 정보 부족인지 판별해야 합니다.
작은 글자, 가는 선, 그러데이션 처리하기
이 세 종류 요소가 변환에서 가장 쉽게 뒤틀립니다. 처리 순서는 정해져 있습니다. 더 선명한 버전 찾기, 글자와 도형 나누기, 그림자 단순화 순입니다.
더 선명한 버전부터 찾기. 작은 글자는 낮은 해상도 원본에서 획이 서로 들러붙고 글자의 속(예를 들어 알파벳 O의 빈 가운데)이 한두 픽셀만 남아, 어떤 변환도 이 디테일을 공중에서 복구하지 못합니다. 공식 사이트 메인 이미지, 명함, 홍보물, 브랜드 북에 더 큰 버전이 숨어 있을 때가 많으니 찾으면 그것을 우선 쓰세요. 가는 선도 마찬가지입니다. 머리카락 굵기의 선은 낮은 해상도에서 끊기고 변환하면 끊어진 경로로 나옵니다.
글자와 도형 나누기. 글자와 도형이 작은 이미지 한 장에 섞여 있으면 글자 영역과 도형 영역을 각각 잘라내 따로 변환한 뒤 디자인 소프트웨어에서 맞춰 다시 붙입니다. 각자가 화면의 더 높은 비율을 쓸 수 있어 작은 이미지 전체를 억지로 한 번에 돌리는 것보다 믿을 만합니다.
그림자 단순화. 부드러운 그러데이션과 그림자는 여러 층의 색 블록 경로로 쪼개집니다. 브랜드 규정이 허용한다면 그림자를 먼저 없애고 그러데이션을 단색 메인 블록으로 바꿔 변환하세요. 그러데이션 자체가 브랜드 아이덴티티의 일부라면 블록 근사를 받아들이거나 그 부분만 비트맵으로 남깁니다.
글자에 관해서는 한 가지 사실을 지켜야 합니다. 변환 결과의 글자는 윤곽 경로이지 편집 가능한 텍스트가 아니며, 변환이 원래 글꼴로 되돌려 주지 않습니다. 원본 글꼴 파일이 없다면 어떤 변환이든 '복구'를 기대하지 말고, 윤곽만 보고 비슷한 글꼴을 짐작해 브랜드 글꼴로 쓰지도 마세요. 문구를 바꿔야 한다면 확인된 글꼴로 디자인 소프트웨어에서 새로 조판합니다.
한 번에 변수 하나만 바꾸는 재시도법
입력을 몇 장 정리했더라도 한꺼번에 모두 갈아끼우지 마세요. 한 번에 변수 하나만 바꿔야 좋아진 점의 원인을 알 수 있습니다.
작업에서는 세 가지를 고정합니다:
- 입력은 라운드별로. 첫 라운드는 원본을 그대로 변환해 기준선을 만들고, 둘째 라운드는 배경 제거 버전으로만, 셋째 라운드는 색을 줄인 버전이나 더 선명한 버전으로만 바꿉니다. 매 라운드 입력을 바꿀 때는 미리보기 오른쪽 위의 제거 버튼을 누르고 새 파일을 올려 다시 변환합니다.
- 점검 방식 고정. 매 라운드 같은 자리의 가장 거친 윤곽을 같은 배율로 대조합니다. 결과 패널의 1×, 2×, 4×가 마련된 통일 기준입니다.
- 결과 보관. SVG 세 장에 각각 이름을 붙여 저장합니다. 예를 들어 logo-원본.svg, logo-배경제거.svg, logo-단순화.svg로 나란히 놓고 윤곽 차이를 비교합니다.
두 라운드 결과에 보이는 차이가 없으면 문제가 이 입력에 있지 않다는 뜻이니 첫 절로 돌아가 다시 분류하고, 차이가 있으면 그 방향으로 이어가세요. 모든 변경을 한꺼번에 쌓는 것이 아닙니다. 같은 입력으로 다시 시도하고 싶을 때는 결과 아래의 '다시 벡터화'를 눌러 현재 결과를 지우고 제출하면 됩니다.
변환 결과를 쓸지 직접 다시 그릴지 정하기
어느 라운드까지 손본 뒤에는 결정이 하나만 남습니다. 이 SVG로 충분한가, 아니면 손으로 다시 그릴 가치가 있는가.
변환 결과 유지 쪽으로 기우는 경우: 도형이 색 블록 위주에 곡선이 규칙적이고 작은 글자와 가는 선이 많지 않으며 용도가 웹, 인터페이스 아이콘, 중간 크기 인쇄물일 때입니다. 4×에서 윤곽이 깨끗하고 빈 구멍이 온전하며 가장 작은 글자도 알아볼 수 있으면 멈춰도 됩니다. 경로를 최소로 줄이려 애쓸 필요는 없습니다.
직접 다시 그리는 쪽으로 기우는 경우: 작은 글자가 많고 가는 선이 빽빽하며 그러데이션이 브랜드 아이덴티티의 핵심이거나, 용도가 대형 인쇄물과 간판이라 계단과 끊긴 선이 전부 육안 크기로 확대될 때입니다. 이럴 때는 벡터 편집 소프트웨어에서 원본을 따라 핵심 윤곽을 다시 그리는 편이 무한 재시도보다 시간을 아낍니다.
변환 결과가 쓸 만에 가깝고 올 테두리만 드문드문 남았다면 SVG를 벡터 편집 소프트웨어로 가져와 노드 정리를 합니다. 불필요한 노드 삭제, 부서진 경로 합치기, 모서리 다듬기입니다. 이것은 재시도 뒤의 마무리 단계로 작업은 외부 소프트웨어에서 하며 이미지 벡터 변환 도구 자체에는 노드 편집 기능이 없습니다.
판단 기준은 언제나 용도를 따릅니다. 실제 표시 크기가 작을수록 경로 정밀도에 관대해지고, 확대 배율이 커지는 자리일수록 처음부터 가장 좋은 원본을 찾을 가치가 큽니다.
자주 묻는 질문
이미지를 먼저 확대한 뒤 SVG로 변환하면 도움이 되나요?
도움은 제한적입니다. 확대는 픽셀 수를 늘리지만 보간으로 채운 픽셀은 이미 있는 윤곽을 넓게 펼칠 뿐 윤곽 정보가 늘지 않고 노이즈도 함께 커집니다. 256 픽셀 문턱에 못 미치는 작은 이미지를 제출 조건에 맞추는 용도로는 알맞고, 윤곽을 실제로 깨끗하게 만들고 싶다면 해상도가 더 높은 원본 버전을 찾는 것이 우선입니다.
사진 스타일 로고는 왜 경로가 많나요?
사진과 연속 그러데이션에는 뚜렷한 색 블록 경계가 없어 추적이 수많은 작은 색 블록으로 전환을 근사할 수밖에 없고, 경로 수는 디테일과 함께 폭증해 파일이 크고 편집하기 어렵습니다. 이런 소재는 고해상도 비트맵으로 남겨 두는 편이 낫습니다. 벡터 버전이 꼭 필요하다면 먼저 색 블록으로 단순화한 버전을 만들어 변환하거나, 상징적인 도형 부분만 따로 벡터화하세요. 어느 소재를 변환하고 어느 소재를 비트맵에 둘지는 《로고는 PNG일까 SVG일까: 웹, 포스터, 인쇄에서 고르는 법》에 장면별 선택 표가 있습니다.
변환이 지금 과제에 충분한지는 어떻게 판단하나요?
최종 사용 크기로 판단합니다. 결과 패널을 4×로 열어 곡선, 빈 구멍, 가는 선, 작은 글자 네 곳을 보고, 다시 1×로 줄여 색 블록이 받아들일 만한지 봅니다. 웹과 인터페이스 용도는 실제 표시 크기에서의 선명도로 재고, 대형 인쇄물과 간판은 어떤 결함이든 확대하므로 기준이 그만큼 올라갑니다. 같은 자리의 윤곽이 두 라운드 결과 사이에 눈에 보이게 나아졌다면 이 라운드면 충분합니다.
원본을 정리하고 다시 한 번 변환하기
가장 거친 윤곽 자리에서 시작하세요. 먼저 문제 유형을 나누고 그에 맞는 방법으로 새 입력을 하나 정리한 뒤 이미지 벡터 변환 열기에서 새 파일로 다시 변환합니다. 끝나면 같은 자리, 같은 배율로 돌아가 대조 점검하고, 나아짐이 보이면 다음 자리로 넘어갑니다.
