PerfectVector
작성: Irene Kim7분 읽기

픽셀 결함까지 따라 그리지 않고 BMP 벡터화하기

BMP에는 선명한 가장자리와 원본의 모든 결함이 함께 남을 수 있습니다. 필요한 부분만 정리하고 편집 가능한 SVG 경로로 변환한 뒤 결과를 점검하는 방법을 알아보세요.

목차

BMP 이미지는 이미 벡터인 파일이 아닙니다. Windows 비트맵 파일에 저장된 픽셀 격자이므로, 크기를 자유롭게 바꾸고 도형을 편집하려면 픽셀을 경로로 추적해야 합니다. 여기서 중요한 점은 “비압축”이 “깨끗함”을 뜻하지 않는다는 것입니다. BMP는 JPEG 압축 아티팩트를 새로 만들지 않을 수 있지만, 원본에 있던 들쭉날쭉한 가장자리, 잡티, 리샘플링 테두리, 칠해진 배경을 그대로 보존할 수 있습니다.

결함이 사라지기를 기대하며 이미지 전체를 흐리게 만들지 마세요. 원본을 보관하고 작업용 사본에서 필요한 부분만 정리한 뒤, 벡터화 결과를 원본과 대조하세요. 의도한 선명한 가장자리는 유지해야 하고, 우연히 생긴 픽셀 노이즈가 수백 개의 작은 벡터 도형이 되어서는 안 됩니다.

간단한 작업 순서
  • 파일이 단순히 일반적인 “비트맵 이미지”가 아니라 실제 .bmp 또는 .dib인지 확인하세요.
  • 수정 전에 100% 배율과 높은 확대 배율로 살펴보세요.
  • 의도한 선명한 가장자리는 보존하고, 고립된 결함과 불필요한 배경만 제거하세요.
  • 지원되는 작업용 사본을 SVG로 벡터화하세요.
  • 결과를 사용하기 전에 실루엣, 구멍, 색상, 노드 구조를 확인하세요.

먼저, “BMP”에는 두 가지 의미가 있습니다

사람들은 PNG, JPG, GIF, WebP를 포함한 모든 래스터 이미지를 비트맵이라고 부르기도 합니다. 이 글은 .bmp 확장자의 Windows 비트맵 파일과 밀접한 관계가 있는 장치 독립 비트맵(DIB) 형식을 다룹니다. Microsoft의 비트맵 저장 문서는 비트맵 파일을 헤더와 DIB 데이터로 설명합니다.

업로드 실패를 해결할 때 이 구분이 중요합니다. “비트맵”에 관한 조언이 실제로는 PNG나 JPG를 전제로 할 수 있습니다. BMP 자체도 하나의 보편적인 인코딩이 아니라 여러 레이아웃의 집합입니다. 파일마다 비트 깊이, 헤더 유형, 압축, 방향, 팔레트 처리, 알파 동작이 다를 수 있습니다. 미국 의회도서관의 BMP 형식 설명은 이러한 차이와 DIB 헤더에 대한 의존성을 정리합니다.

이 차이들이 벡터화의 기본 문제를 바꾸지는 않습니다. BMP는 픽셀을 저장하고 SVG는 도형과 경로를 저장합니다. 추적은 한 표현을 해석해 다른 표현을 만드는 작업입니다. 파일 이름을 바꾸는 작업과는 다릅니다.

어떤 픽셀이 결함인지 판단하세요

정리하기 전에 BMP를 100% 배율로 보고, 다시 약 800%까지 확대하세요. 100%에서는 그림이 실제로 무엇을 전달하는지 판단합니다. 높은 배율에서는 불필요한 경로가 될 수 있는 픽셀 구조를 찾습니다.

보이는 현상가능한 의미대응 방법
저해상도 대각선의 네모난 계단 모양원본 픽셀 부족 또는 의도한 픽셀 아트다시 스캔하거나 더 큰 원본을 찾으세요. 격자가 디자인이라면 보존하세요
가장자리 옆의 밝거나 어두운 테두리이전 편집에서 선명화 또는 크기 변경으로 생긴 후광해당 테두리만 정리하거나 이전 원본으로 돌아가세요
무작위로 흩어진 1~2픽셀 점먼지, 스캔 노이즈, 이전 내보내기의 잔여물사본에서 고립된 잡티를 제거하세요
그림 뒤의 큰 사각형 하나래스터에 칠해진 배경투명도가 필요하다면 벡터화 전에 제거하세요
단색 영역의 거의 같은 여러 색팔레트 변화, 안티앨리어싱, 이전 리샘플링의미 없는 색 차이일 때만 합치세요
가장자리 주변의 블록형 8×8 질감과거에 JPEG 압축을 거쳤을 가능성가능하면 JPEG 이전 원본을 찾으세요. BMP로 다시 저장해도 복구되지 않습니다

정리의 목표는 모든 부분을 더 매끄럽게 만드는 것이 아닙니다. 의도한 픽셀 구조는 그대로 유지하면서, 고립된 노이즈와 후광, 불필요한 배경 픽셀이 주제를 방해하지 않는 작업용 사본을 만드는 것입니다.

선명한 가장자리의 비트맵 그래픽을 정리 전후로 비교한 개념도. 확대 표시로 의도한 네모난 모서리와 픽셀 구조를 잡티, 가장자리 후광, 배경 결함과 구분합니다
개념도: 제작자가 의도한 선명한 가장자리는 보존하고, 디자인에 속하지 않는 픽셀 구조만 정리하세요.

마지막 행은 흔한 오해를 짚습니다. 오늘 .bmp로 끝나는 파일이 어제는 JPEG에서 복사한 이미지였을 수 있습니다. 다시 저장하면 컨테이너만 바뀌고 손상된 픽셀은 그대로입니다. 이전의 손실 압축 내보내기가 의심된다면 JPG를 SVG로 변환하는 가이드에서 아티팩트 패턴을 비교하세요.

디자인을 깎아내지 않으면서 BMP를 준비하세요

  1. 원본 파일을 보관하세요. 오래된 BMP가 거칠어 보여도 보관용 원본으로 취급하고 복사본에서 작업하세요.
  2. 파일의 출처를 파악하세요. 스크린샷, 스캐너 출력, 오래된 그림 프로그램, 다시 저장한 로고는 서로 다른 문제가 생깁니다. 출처를 알면 선명한 가장자리가 의도한 것인지 판단할 수 있습니다.
  3. 관련 없는 픽셀을 잘라내세요. 벡터에 포함할 필요가 없는 스캐너 바닥의 테두리, 주석, 빈 캔버스를 제거하세요.
  4. 고립된 결함만 해당 위치에서 제거하세요. 원본 해상도에서 경계가 선명한 지우개, 마스크, 선택 영역을 사용하세요. 전체를 흐리게 만들면 노이즈와 함께 의도한 가장자리도 부드러워집니다.
  5. 배경을 의도적으로 제거하세요. SVG에 투명도가 필요하다면 벡터화 전에 그림과 배경을 분리하세요. 이후 투명 배경 SVG 점검으로 숨은 사각형을 찾아보세요.
  6. 평면적인 그림에만 색상 축소를 적용하세요. 우연히 비슷한 파랑이 중복된 로고에는 팔레트 통합이 도움이 될 수 있습니다. 명암이 있는 일러스트에는 그 전환이 필요할 수 있습니다.
  7. 확대하지 않고 작업용 사본을 저장하세요. 같은 픽셀을 확대하면 보간이 생길 뿐 원래의 세부 정보가 늘지는 않습니다. 해상도가 한계라면 더 큰 원본을 찾거나 다시 그리세요.

픽셀 아트는 중요한 예외입니다. 계단과 네모난 모서리가 결함이 아니라 제작자가 의도한 기하 구조일 수 있습니다. 이를 매끄럽게 하면 디자인이 바뀝니다. 추적하기 전에 격자를 블록 도형으로 보존할지, 주제를 부드러운 곡선으로 재해석할지 결정하세요.

지원되는 BMP 또는 DIB를 SVG로 변환하세요

PerfectVector는 일반적인 비압축 Windows BMP 및 DIB 레이아웃 중 정해진 범위를 지원합니다. 여기에는 검증된 팔레트, 16비트, 24비트, 불투명 32비트 원본과 아래에서 위 또는 위에서 아래 방향이 포함됩니다. 브라우저가 실제 바이트를 검사하고 호환되는 원본을 로컬에서 검증된 PNG로 준비한 뒤, 준비한 이미지를 일반적인 벡터화 과정으로 보냅니다.

RLE 및 기타 압축 BMP 변형, 지원되지 않는 헤더, 불투명하지 않은 32비트 레이아웃은 이 경로에서 지원되지 않습니다. 정상적인 파일이 거부되면 이미지 편집기에서 열고 의도한 픽셀을 PNG로 내보내세요. 확장자만 바꾸지 마세요. 내부 파일은 그대로 남습니다.

호환되는 원본이라면 다음과 같이 진행하세요.

  1. BMP를 SVG로 변환하는 도구를 여세요.
  2. 정리한 작업용 .bmp 또는 .dib 파일을 업로드하세요.
  3. 브라우저가 이미지를 검사하고 준비하도록 기다리세요.
  4. 일반 크기와 높은 확대 배율로 벡터 미리보기를 확인하세요.
  5. 아래 점검을 통과한 뒤 SVG를 다운로드하세요.

PerfectVector는 파일 형식 처리와 추적을 서로 다른 단계로 다루므로 이 작업에 유용합니다. 로컬 준비 과정은 지원되는 BMP를 처리 과정에서 읽을 수 있게 만들고, 벡터화는 픽셀을 편집 가능한 도형으로 해석합니다. 어느 단계도 특정 잡티가 불필요한지, 비뚤어진 모서리가 원본의 개성을 담고 있는지 알 수는 없습니다. 그 판단은 사용자의 몫입니다.

SVG를 믿고 사용하기 전에 점검하세요

다음 네 가지를 순서대로 확인하세요.

1. 실루엣

화면에 맞춘 크기에서 바깥 윤곽을 비교하세요. 고립된 픽셀 때문에 생긴 돌출부 없이 같은 대상처럼 보여야 합니다. 전체 모양이 바뀌었다면 원본 해상도나 대비를 먼저 다시 살펴보세요.

2. 구멍과 간격

글자 내부의 빈 공간, 맞닿은 도형 사이의 간격, 좁은 빈 공간을 살펴보세요. 래스터의 작은 간격은 추적 과정에서 닫힐 수 있고, 잡티는 단색 영역에 의도하지 않은 구멍을 만들 수 있습니다.

3. 색상과 배경

주요 영역을 선택하세요. 원본에 실제 명암이 있는 경우가 아니라면 단색이 거의 같은 여러 색으로 나뉘어서는 안 됩니다. 대비되는 색 위에 SVG를 놓아 불필요한 배경 사각형이 사라졌는지 확인하세요.

4. 노드와 편집 가능성

벡터 편집기에서 몇 개의 곡선을 선택하세요. 매끄러운 호가 모든 픽셀 경계를 따라가는 불안정한 앵커의 연속으로 구성되어서는 안 됩니다. 그렇다면 수백 개의 점을 직접 편집하기 전에 노드가 너무 많은 문제 진단을 참고하세요.

쓸 만한 SVG는 원본의 모든 픽셀을 재현할 필요가 없습니다. 의도한 디자인을 일관된 경로로 보존해야 합니다.

PNG 내보내기나 직접 다시 그리기가 더 나은 경우

지원되지 않는 컨테이너 변형이거나, 실제 투명도를 설정해야 하거나, 편집기가 원본을 더 안정적으로 읽을 수 있다면 BMP를 먼저 PNG로 내보내세요. PNG도 래스터이므로 이는 호환성을 위한 단계이며 벡터화나 품질 향상이 아닙니다. 추적 전에 내보낸 PNG를 BMP와 비교하세요.

유일한 원본이 너무 작거나, 텍스트와 기하 구조가 정확해야 하거나, 로고가 법적 또는 운영상 브랜드에 핵심적이거나, 정리가 몇 개의 의도한 도형을 다시 만드는 것보다 오래 걸린다면 직접 다시 그리세요. 로고 벡터화 판단 가이드는 자동 추적이 가장 안전한 제작 방법이 아니게 되는 지점을 설명합니다.

FAQ

BMP 파일은 이미 벡터 이미지인가요? 아닙니다. BMP는 고정된 픽셀 격자를 저장합니다. SVG처럼 편집 가능한 벡터가 되려면 경로로 추적하거나 다시 그려야 합니다.

BMP는 JPG보다 벡터화가 잘 되나요? JPEG를 거치지 않은 깨끗하고 선명한 그림을 담은 BMP라면 그럴 수 있습니다. 비압축 저장은 JPEG 아티팩트가 새로 생기는 것을 막지만, 픽셀에 이미 있던 흐림, 노이즈, 오래된 압축 손상은 그대로 보존합니다.

BMP를 SVG로 변환한 결과의 곡선이 왜 들쭉날쭉한가요? 추적기가 저해상도 계단이나 노이즈가 있는 가장자리를 따라갔을 수 있습니다. 더 큰 원본을 찾고, 전체를 흐리게 하지 않으면서 고립된 결함을 정리한 뒤 다시 추적하세요. 의도한 픽셀 아트라면 계단을 유지하세요.

PerfectVector는 BMP뿐 아니라 DIB도 변환하나요? 지원되는 비압축 Windows 비트맵 범위에서는 가능합니다. 호환되는 원시 DIB 그림은 로컬에서 감싸고 준비합니다. 지원되지 않는 헤더, 압축, 알파 레이아웃은 거부됩니다.

BMP 파일 이름을 SVG로 바꾸면 되나요? 아닙니다. 이름을 바꾸면 파일 이름만 바뀝니다. 파일에는 여전히 래스터 픽셀이 들어 있지만, 실제 SVG에는 벡터 경로나 다른 SVG 기하 구조가 필요합니다.

Sources

  1. Microsoft Learn — 비트맵 저장 — Windows 비트맵 파일에서 사용하는 파일 헤더와 DIB 구조를 정의합니다.
  2. Microsoft Learn — BITMAPFILEHEADER — BMP 파일 헤더와 비트맵 데이터 오프셋을 설명합니다.
  3. Microsoft Learn — BITMAPV4HEADER — 비트 깊이, 압축, 색상 마스크, 위에서 아래 및 아래에서 위 방향을 설명합니다.
  4. 미국 의회도서관 — Microsoft Windows 비트맵 — BMP/DIB 변형과 지속 보존 특성을 정리합니다.
  5. PerfectVector — BMP를 SVG로 변환하는 도구 — 제품의 현재 BMP 변환 과정을 설명합니다.

오래된 원본을 보관하고 신중하게 작업용 사본 하나를 만든 뒤 PerfectVector로 BMP를 벡터화하세요. 실루엣, 구멍, 색상, 노드 구조가 점검을 통과한 경우에만 SVG를 사용하세요.

블로그의 다른 글

이미지 파일을
편집 가능한 SVG로 변환하세요