SVG QR코드 만들기 – 인쇄·디자인 작업용 벡터 파일

PNG로 받은 QR 코드는 고정된 픽셀 격자입니다. 원래 해상도보다 크게 키우면 각 모듈의 경계가 흐려지거나 계단처럼 보입니다. 휴대폰 화면에서는 잘 티가 안 나지만, 큰 현수막이나 매장 유리창에 붙이면 멀리서도 깨져 보이고 스캔이 안 될 수 있습니다. SVG는 코드를 픽셀이 아니라 좌표로 정의된 도형(벡터)으로 저장합니다. 파비콘 크기부터 옥외광고판까지 어떤 크기에서도 다시 계산되어 그려지므로 항상 선명합니다.

SVG는 벡터 디자인 프로그램에서 바로 열립니다. 인쇄소나 패키지 디자이너는 코드를 하나의 객체로 선택해 브랜드 색상에 맞게 바꾸거나, 테두리를 추가하거나, 재단선이 있는 라벨 안에 배치할 수 있습니다. 픽셀 이미지인 PNG로는 이런 작업이 쉽지 않습니다.

간단한 기준은 이렇습니다. 인쇄하거나 편집할 것은 SVG, 그대로 업로드만 할 것은 PNG. 워드 문서, 손으로 조립하는 PDF, 이메일 서명, SNS 게시물은 대체로 픽셀 이미지를 기대하므로 변환 없이 어디서나 되는 PNG가 맞습니다. 디자인 프로그램, 대형 인쇄, 인쇄소가 직접 크기를 조정할 파일은 SVG를 받으세요.

SVG는 기본적으로 고정된 배경이 없습니다. 모듈이 도형으로 그려지기 때문에 색이 있는 카드나 제품 사진 위에 놓으면 흰 박스가 아니라 그 배경이 그대로 비칩니다. 대비를 위해 배경색이 필요하다면 다운로드 전에 지정하세요. QR 코드는 밝은 배경에 어두운 모듈, 또는 그 반대여야 하며 대비가 낮은 조합은 인식되지 않습니다.

SVG 경로는 단순한 도형 데이터이므로 일러스트레이터, 잉크스케이프, 피그마에서 열어 모듈 색을 브랜드 색으로 바꿀 수 있습니다. 다만 코너의 큰 사각형(아이)은 대비를 충분히 유지해야 합니다. 모듈과 아이를 모두 옅은 색으로 바꾸는 것이 디자이너들이 내보낸 뒤 코드를 망가뜨리는 가장 흔한 실수입니다.

어도비 일러스트레이터, 인디자인, Affinity Designer를 비롯해 동네 인쇄소가 쓰는 편집 도구 대부분은 SVG를 그대로 열어 다른 작업물과 함께 배치·크기 조정·그룹화할 수 있는 하나의 벡터 객체로 다룹니다. 인쇄소 접수 시스템이 PDF만 받는다면 벡터 편집기에서 SVG를 열어 PDF로 내보내세요. 이 변환 과정에서도 도형은 벡터로 유지되므로 손실이 없습니다. 피해야 할 것은 SVG를 열어 화면을 캡처해서 그 스크린샷을 제출하는 일입니다. 이렇게 하면 벡터 파일이 조용히 저해상도 픽셀 이미지로 되돌아가 버려 애초에 SVG를 받은 의미가 사라집니다.

작업 흐름 마지막 단계에서 정말로 픽셀 파일이 필요하다면(일부 간판 업체는 여전히 평면화된 PNG를 요구합니다), QR 생성기의 기본 미리보기 크기가 아니라 실제 인쇄 크기 기준으로 SVG에서 내보내세요. 5cm 미리보기 해상도로 2m 현수막용 파일을 내보내면 SVG로 피하려 했던 것과 똑같은 흐림이 생깁니다. 벡터 파일은 평면화 전에 목표 크기로 다시 렌더링되어야 합니다.

디자인 작업 도중 SVG를 저해상도 PNG로 래스터화하면 애초에 SVG를 고른 이유가 사라집니다. 파일을 병합하면서 코드 둘레의 여백(콰이어트존)이 배경색에 묻혀 필요한 4모듈 폭 아래로 줄어드는 것도 흔한 실수입니다. 큰 페이지 안에 SVG를 아주 작게 배치하면서 인쇄 크기가 스캔 거리 대비 최소 크기를 넘는지 확인하지 않는 경우도 있습니다. 벡터라고 해서 지나치게 작은 코드가 저절로 커지지는 않습니다.

덜 알려진 함정도 있습니다. 일부 오래된 윈도우 이미지 뷰어와 몇몇 이메일 클라이언트는 SVG를 제대로 표시하지 못합니다. SVG는 엄밀히 말해 일반 이미지 형식이 아니라 마크업이기 때문입니다. 디자인 프로그램이 아니라 이메일이나 채팅 앱 미리보기에서 바로 보여야 하는 파일이라면 SVG와 함께 PNG 사본도 준비해 두고, SVG는 상대가 인쇄하거나 편집할 것으로 예상되는 곳에만 쓰세요.