로고를 벡터화하는 방법

소스 이미지의 픽셀 하나하나가 벡터화 엔진이 활용할 수 있는 정보이고, 웹페이지에서 가져온 로고에는 그 정보가 거의 없습니다. 변환하기 전에 2분만 투자해 더 큰 원본을 찾아보세요. 클라이언트 사이트의 파비콘 폴더, 예전 PDF 견적서나 프레젠테이션(열어서 로고를 300 dpi로 내보내세요. 이미 벡터일 수도 있습니다), 스캔할 수 있는 인쇄 브로슈어, 오래 근무한 직원의 이메일 서명 등이 후보입니다.

200픽셀 JPG가 정말로 전부라면 그래도 변환은 하되, 손질할 일이 생길 것을 감안하세요. 그 크기에서는 글자 윤곽에 선명한 경계가 더 이상 남아 있지 않습니다. 모든 경계가 2~3픽셀에 걸친 그라데이션이고, 벡터화 엔진은 그 흐릿함을 충실하게 약간 울퉁불퉁한 곡선으로 재현합니다.

JPG에는 PNG에는 없는 문제가 하나 더 있습니다. 압축 아티팩트입니다. 고대비 경계 주변의 계단 모양 후광은 눈으로 훑으면 보이지 않지만 경계 검출기에는 아주 뚜렷이 보이고, 검출기는 그것을 디테일로 인식해 트레이싱해 버립니다. 소스가 저품질로 저장된 JPG라면 이 테두리가 깨끗한 결과를 가로막는 가장 큰 원인입니다.

두 색 로고는 두 개의 단색 채우기로 나와야 합니다. 결과를 Illustrator, Inkscape, Affinity 또는 Figma에서 열어 실제로 서로 다른 도형이 몇 개인지 확인하세요. 이 한 번의 확인으로 잡을 만한 문제는 거의 다 잡힙니다. 단색 네이비 워드마크가 거의 같은 파랑 열한 개로 나왔다면 소스에 압축 노이즈나 부드러운 그림자가 있었다는 뜻이고, 그 아래 모든 작업 — 색 다시 입히기, 분판, 인쇄소의 판 — 이 고될 것입니다.

채우기 개수는 맞는데 값이 틀리다면 그건 예상된 일이고 고치기도 쉽습니다. 벡터화 엔진은 이미지에 실제로 남아 있는 색, 즉 JPG 압축과 스크린샷 색상 프로파일이 남겨 둔 색을 샘플링합니다. 브랜드 색 #003C71이 #023E70으로 나오는 식이죠. 각 채우기를 선택해 실제 hex 또는 Pantone 값을 손으로 지정하세요. 2분이면 끝나지만, 브랜드 가이드와 정확히 일치하는 로고와 근사치 로고의 차이가 바로 여기서 갈립니다.

트레이싱한 글자는 진짜 폰트만 못합니다. 비슷하기는 합니다. 명함 위에서는 아무도 눈치채지 못할 만큼 비슷할 때가 많죠. 하지만 광고판 크기에서는 진짜 곡선과 그것을 트레이싱한 근사 곡선의 차이에 시선이 정확히 꽂힙니다. 세로획이 1밀리미터의 일부만큼 흔들리고, 획 끝이 뭉개지고, 자간은 소스 이미지가 가진 값에 그대로 얼어 붙습니다.

그러니 서체를 알아내 텍스트를 제대로 심으세요. WhatTheFont, Font Squirrel의 Matcherator, 어도비의 자체 폰트 매칭만으로도 깨끗하게 잘라 낸 이미지에서 대부분의 상용 서체 이름을 알려 줍니다. 그다음 심벌이나 모노그램만 벡터화하고, 워드마크는 옆에 살아 있는 텍스트로 배치하세요. 이렇게 하면 나중에 크기나 자간을 바꿔 다시 심더라도 아무것도 처음부터 다시 할 필요가 없습니다.

서체를 알 수 없거나 커스텀이거나 많이 변형된 형태라면 글자도 함께 벡터화한 뒤, 시간을 가장 눈에 띄는 두세 글자에 쓰세요. 아무도 소문자 'n'을 들여다보지 않지만, 모두가 대문자를 봅니다.

결과물은 SVG이고, 거의 모든 용도에서 그게 바로 원하는 형식입니다. 요즘 디자인 도구는 모두 SVG를 가져올 수 있고, 브라우저는 기본으로 렌더링하며, 커팅 소프트웨어도 받아 들입니다. 텍스트 형식이라 파일 안에 실제로 무엇이 들었는지 확인할 일이 생기면 열어서 읽을 수도 있습니다.

EPS, PDF, DXF, AI는 나오지 않습니다. 이 형식들을 위한 변환기는 파이프라인 어디에도 없고, 요청하면 나중에 조용히 실패하는 게 아니라 API 단계에서 거부됩니다.

이것이 문제 되는 경우는 딱 하나입니다. RIP가 SVG 이전 세대인 오래된 실크스크린 또는 간판 제작소가 EPS를 이름 그대로 요구할 때죠. SVG를 Illustrator, Inkscape 또는 Affinity에서 열어 요구받은 형식으로 저장하면 됩니다. 같은 패스에서 키 한 번으로 끝나는 작업이고, 변환 서비스보다 에디터가 더 잘하는 단계이기도 합니다.