QR 코드는 SVG로 내보내세요. 포장된 비트맵이 아니라

01

파일 안에 실제로 들어 있는 것

내보내기 결과는 너비와 높이가 명시되고 viewBox가 모듈 단위로 측정된 하나의 SVG 요소입니다. 어두운 모듈은 각각 정수 좌표 위의 1×1 사각형이고, 세 개의 위치 검출 패턴은 각자 별개의 도형입니다. 그래서 모서리 스타일은 모듈이 사각이든 둥글든 점이든 그와 무관하게 유지됩니다. 비트맵에서 따라 그린 부분은 전혀 없습니다. 애초에 비트맵이었던 적이 없기 때문입니다.

여백 구역은 나중에 챙길 무언가가 아니라 캔버스의 일부입니다. viewBox는 코드에 여러분이 고른 여백을 더한 것으로, 기본값은 네 모듈이고 최대 열여섯까지 늘릴 수 있습니다. 배경을 투명으로 두면 배경 사각형 자체가 쓰이지 않습니다. 색지 위에 흰 상자 없이 놓을 수 있는 이유가 바로 이것입니다.

• 모듈 하나에 사각형 하나, 정수 좌표로
• 여백 구역은 viewBox 안에 포함
• 전경색과 배경색은 여섯 자리 16진수 값
• 배경이 투명이면 배경 사각형이 없음

02

벡터의 핵심은 파일 크기가 아니라 가장자리

리더가 읽는 것은 어두운 모듈과 밝은 모듈 사이의 경계입니다. 작은 PNG를 키우면 그 경계 하나하나가 뭉개지고, 뭉개진 경계는 모호한 데이터가 됩니다. 늘린 코드가, 같은 코드를 벡터로 내보냈다면 충분히 버텼을 크기에서 실패하는 이유가 이것입니다. SVG에는 애초에 잃을 해상도가 없습니다.

파일 하나로 모든 배치를 감당할 수 있는 이유도 같습니다. 청첩장에 들어가는 것이 그대로 포스터에 들어갑니다. 인쇄소가 크기를 조정해도 모듈의 가장자리는 도형이 놓은 자리에 그대로 있습니다.

03

디자인한 카드가 순수한 벡터이기를 멈추는 지점

맨 코드는 처음부터 끝까지 벡터입니다. 카드도 벡터일 수 있는 곳에서는 벡터입니다. 매트릭스는 도형을 유지하고, 도형과 배경과 그라데이션도 도형으로 남습니다.

다만 두 가지는 그 여정을 넘지 못합니다. 사진이나 업로드한 로고에는 벡터 형태가 없어서 SVG 안을 고해상도 래스터 이미지로 실려 갑니다. 텍스트는 글꼴 이름을 가진 살아 있는 텍스트로 남기 때문에, 그 글꼴이 없는 기기에서는 다른 글꼴로 대체되어 줄 너비가 달라집니다. 타이포그래피가 정확해야 한다면 편집 프로그램에서 조판하고 코드는 따로 내보내세요.

PDF로 내보낸 카드는 페이지 위 하나의 고해상도 이미지로 합쳐집니다. 사진으로 구성된 것은 달리 될 수 없기 때문입니다. 다만 Mosaqo는 A4에서 300 dpi를 크게 웃도는 해상도로 렌더링하므로 어느 쪽이든 인쇄에 넘길 수 있는 품질입니다. 페이지에 도형으로 도달하는 것은 SVG든 PDF든 맨 코드뿐입니다.

• QR 매트릭스: 벡터 도형
• 업로드한 사진·로고·스티커: 삽입된 래스터
• 텍스트: 살아 있는 텍스트. 글꼴을 함께 넘기거나 편집 프로그램에서 조판

04

PNG와 PDF 내보내기는 무엇을 위한 것인가

PNG는 화면, 메일, 슬라이드에 맞는 답입니다. 크기를 이미 아는 상태로 한 번만 배치하는 자리들이지요. 넉넉하게 크게 내보내고, 그 뒤에 절대 키우지 마세요.

PDF는 같은 도형을 페이지에 올린 것입니다. 코드는 래스터화되지 않고 그려진 채로 A4 가운데에 놓여, 그대로 인쇄하거나 누군가에게 건넬 수 있습니다. 여기에도 해상도라는 개념이 없어서 페이지를 키워도 가장자리는 하나도 뭉개지지 않습니다. 코드가 다른 사람이 관리하는 편집물 안으로, 그 사람만 아는 크기로 들어가야 한다면 SVG를 보내세요.

05

파일 색을 바꾸고 배치하기

파일이 텍스트이므로 색상은 디자인 프로그램을 열지 않고도 고칠 수 있습니다. 모듈의 채움이 여러분이 고른 전경색이고, 배경 사각형이 배경색입니다. 관례적인 방향을 지키세요. 밝은 바탕에 어두운 모듈입니다. 반전된 코드는 많은 리더가 읽지만 전부는 아니어서, 인쇄물에서는 도박이 됩니다.

파일을 배치할 때는 여백 구역을 비워 두고 가장자리를 뭉개는 효과는 피하세요. 그림자, 혼합 모드, 복잡한 그래픽 위의 투명도 같은 것들입니다. 사진 위에 놓인 코드는 흐릿한 코드와 같은 이유로 실패합니다.

06

미리보기가 아니라 내보낸 파일을 시험하세요

내보낸 SVG를 열어 실제 편집물에 최종 크기로 배치하고, 진짜 재질에 한 장 인쇄한 뒤, 읽는 사람이 들 거리에서, 그 자리가 실제로 가진 조명 아래에서 서로 다른 휴대폰 두 대로 스캔해 보세요.

에디터는 작업 중에도 대비, 여백 구역, 데이터 밀도를 확인하고, 그 확인이 인쇄소에 닿기 전에 대부분의 문제를 잡아냅니다. 확인이 볼 수 없는 것은 코팅과 접지, 그리고 방 안의 빛입니다.