QR코드에 로고 넣기 – 직접 테스트한 안전한 로고 크기와 오류 복원 수준
QR코드 가운데에 로고를 넣어도 읽히는 원리와, 오류 복원 수준별로 로고를 얼마나 크게 넣을 수 있는지 직접 테스트한 결과를 공개합니다. 로고 넣는 순서와 인쇄 전 체크리스트도 정리했습니다.
가게나 브랜드 QR코드 가운데에 로고를 넣으면 눈에 잘 띄고 신뢰감도 줍니다. 코드 일부를 가리는데도 읽히는 이유는 QR코드의 오류 복원 기능 덕분입니다. 다만 인터넷에서 흔히 보이는 “H 수준이면 30%까지 가려도 된다”는 말을 그대로 믿으면 인쇄 후 읽히지 않는 코드를 만들 수 있습니다. 실제로 얼마나 크게 넣어도 되는지 직접 시험해 보았습니다.
로고를 넣어도 읽히는 원리
QR코드에는 원래 내용과 함께 복원용 데이터가 들어 있습니다. 일부 칸이 지워져도 남은 정보로 원래 내용을 계산해 되살리는 방식입니다. 복원 능력은 네 단계로 고를 수 있습니다.
여기서 말하는 7~30%는 데이터 단위(코드워드) 기준의 복원 능력이지, 코드 면적의 30%를 가려도 된다는 뜻이 아닙니다. 가운데를 가리면 데이터와 복원용 데이터가 함께 지워지고, 버전에 따라 위치 보정용 패턴까지 가려지기 때문에 실제로 허용되는 면적은 훨씬 작습니다. 원리는 QR코드의 구조와 원리에서 자세히 설명합니다.
직접 테스트한 결과: 로고는 얼마나 커도 될까
같은 주소를 담은 QR코드를 오류 복원 수준 M, Q, H로 각각 만든 뒤, 가운데에 정사각형 로고를 크기만 바꿔 가며 덮었습니다. 로고 크기는 바깥 여백을 뺀 코드 면적 대비 비율입니다. 그리고 두 가지 디코딩 엔진(이 사이트의 스캐너와 또 다른 오픈소스 엔진)으로 읽히는지 확인했습니다.
| 로고 면적 | 로고 한 변 (코드 한 변 대비) | M 수준 | Q 수준 | H 수준 |
|---|---|---|---|---|
| 5% | 약 22% | 읽힘 | 읽힘 | 읽힘 |
| 10% | 약 32% | 실패 | 읽힘 | 읽힘 |
| 15% | 약 39% | 실패 | 엔진에 따라 다름 | 읽힘 |
| 20% | 약 45% | 실패 | 실패 | 실패 |
| 25~30% | 약 50~55% | 실패 | 실패 | 실패 |
결과를 정리하면 다음과 같습니다.
- H 수준이라도 로고 면적 20%부터는 두 엔진 모두 읽지 못했습니다. “30%까지 가능”은 실제 로고 크기 기준으로는 맞지 않습니다.
- H 수준에서 15%까지는 읽혔지만, 이는 깨끗한 디지털 이미지 기준입니다. 인쇄물을 휴대폰으로 찍으면 조명, 흔들림, 종이 질감 때문에 조건이 나빠지므로 여유를 두어야 합니다.
- 그래서 오류 복원 H + 로고 면적 10% 이하(로고 한 변이 코드 한 변의 약 30% 이하)를 권장합니다.
로고 넣는 순서
- QR코드 만들기에서 내용을 입력하고 오류 복원 수준을 H로 고릅니다.
- SVG로 저장합니다. 벡터 형식이라 확대하거나 편집해도 깨지지 않습니다.
- 파워포인트, 캔바, 피그마, 일러스트레이터 같은 디자인 도구에서 SVG를 열고 로고를 정가운데에 올립니다.
- 로고 둘레에 흰색 테두리(여백)를 조금 둡니다. 로고의 색이 주변 칸과 섞이지 않아 인식이 안정됩니다.
- 로고 한 변이 코드 한 변의 30%를 넘지 않는지 확인하고 PNG나 PDF로 내보냅니다.
- 아이폰과 안드로이드 휴대폰 각각으로, 그리고 QR코드 스캐너로 읽어 봅니다. 인쇄할 크기로 출력해서도 한 번 더 확인하세요.
절대 가리면 안 되는 곳
- 모서리의 큰 사각형 세 개(파인더 패턴): 스캐너가 코드를 찾는 표식입니다. 여기를 가리면 오류 복원과 상관없이 코드를 찾지 못합니다.
- 바깥 여백(콰이어트 존): 사방에 칸 4개 너비 이상의 빈 공간이 있어야 합니다. 테두리 장식이나 배경 무늬를 코드에 붙이지 마세요.
- 가장자리 근처: 로고를 한쪽으로 치우치게 놓으면 위치 정보가 담긴 부분을 가릴 수 있습니다. 로고는 정가운데가 가장 안전합니다.
색과 디자인
- 코드의 칸은 어두운 색, 배경은 밝은 색을 유지하세요. 브랜드 색을 쓰더라도 배경과의 대비가 충분해야 합니다.
- 칸을 둥글게 바꾸거나 무늬를 넣는 디자인은 로고와 겹치면 인식률이 크게 떨어질 수 있습니다. 한 가지 꾸밈만 쓰는 편이 안전합니다.
- 로고 대신 코드 아래에 브랜드 이름과 “메뉴 보기”, “할인 쿠폰 받기”처럼 스캔하면 무엇이 나오는지를 적어 두는 것도 좋은 방법입니다.
자주 묻는 질문
이 사이트의 생성기에서 바로 로고를 넣을 수 있나요?
현재는 로고 삽입 기능이 없습니다. 위의 순서처럼 H 수준의 SVG로 저장한 뒤 디자인 도구에서 넣으시면 됩니다. 크기 기준만 지키면 결과는 같습니다.
로고를 넣으면 스캔이 느려지나요?
크기를 지키면 체감할 만한 차이는 거의 없습니다. 하지만 기준보다 크게 넣으면 읽히더라도 여러 번 비춰야 인식되는 등 불안정해집니다. 인쇄 전에 여러 휴대폰으로 시험해 보는 이유입니다.