QR 가운데 로고·이모지 넣기: 넣어도 스캔되는 이유와 요령

QR 코드 한가운데에 브랜드 로고나 귀여운 이모지가 들어 있는 모습을 자주 보셨을 겁니다. 그런데 점이 빼곡히 찍힌 코드의 한복판을 그림으로 덮었는데도 휴대폰은 어떻게 멀쩡히 읽을까요? 이유를 알면 로고를 얼마나 크게 넣어도 되는지, 어떤 이미지를 골라야 하는지도 자연스럽게 정해집니다. 이 글은 로고가 가려도 읽히는 원리를 짧게 짚고, 그다음부터는 실제로 로고를 넣을 때 필요한 요령에 집중합니다. 꾸민 QR 전반의 주의사항은 별도 글에서 다루었으니 여기서는 가운데 로고에 관한 내용만 담았습니다.

로고가 가려도 QR이 읽히는 이유

QR 코드에는 오류 정정이라는 안전장치가 들어 있습니다. 데이터를 담을 때 복원용 정보를 함께 넣어 두기 때문에, 일부가 더러워지거나 찢겨 나가도 카메라가 나머지로부터 원래 내용을 계산해 냅니다. 로고를 얹는 일은 결국 코드의 일부를 일부러 가리는 일이고, 그 가려진 만큼을 오류 정정 용량으로 메우는 셈입니다.

오류 정정에는 L, M, Q, H 네 단계가 있습니다. 널리 알려진 표준 값으로 복원 가능한 비율은 각각 대략 7%, 15%, 25%, 30% 입니다. 숫자가 클수록 많이 가려져도 읽히지만, 같은 내용을 담는 데 점이 더 많이 필요해서 무늬가 촘촘해집니다.

• L(약 7%): 깨끗한 화면에서만 쓰는 단계입니다. 로고를 얹기에는 여유가 부족합니다.
• M(약 15%): 일반적인 기본 단계입니다.
• Q(약 25%): 가벼운 장식이나 약간의 훼손을 견딥니다.
• H(약 30%): 가장 튼튼한 단계로, 로고를 넣는 용도에 가장 잘 맞습니다.

여기서 한 가지 오해를 짚어 둡니다. 30% 복원이 가능하다고 해서 QR의 30%를 로고로 덮어도 된다는 뜻은 아닙니다. 가려진 면적이 곧바로 복원 가능 비율과 같지 않고, 카메라가 흔들리거나 인쇄가 번지는 등 현실의 잡음도 같은 여유분을 갉아먹습니다. 로고에 쓸 수 있는 몫은 이론상 한도보다 훨씬 작게 잡아야 합니다.

로고를 넣으면 오류 정정이 자동으로 높아진다

만두몬 QR에서는 이 설정을 직접 챙길 필요가 없습니다. 가운데 로고를 켜면 오류 정정이 H로 자동 설정되고, 화면에도 이 사실을 알려 주는 안내 문구가 나옵니다. 로고가 없을 때는 상황에 따라 더 낮은 단계를 쓰다가, 로고를 넣는 순간 가장 튼튼한 단계로 올라가는 식입니다.

대신 치르는 값이 있습니다. H는 같은 주소를 담는 데도 점이 더 많이 필요해서, 같은 크기의 종이에서는 점 하나하나가 작아집니다. 주소가 길수록 이 차이가 커집니다. 그래서 로고를 넣을 계획이라면 가능한 한 짧은 주소를 쓰는 편이 좋습니다. 긴 주소에 로고까지 얹으면 무늬가 지나치게 빽빽해져 작은 크기로 인쇄했을 때 오히려 읽기 어려워집니다.

로고 면적 제한과 경고: 코드에 정해진 수치

만두몬 QR은 로고 크기를 'QR 본체 대비 면적 비율'로 다룹니다. 여기서 말하는 로고 면적에는 로고 둘레의 여백이 포함됩니다. 실제로 정해진 값은 다음과 같습니다.

• 기본값은 QR 본체의 8% 입니다.
• 10%를 넘기면 '로고가 커서 스캔이 어려울 수 있습니다. 다운로드 전 실제 기기에서 확인해 주세요.'라는 경고가 뜹니다.
• 상한은 20% 입니다. 이보다 크게 요청해도 20% 이하로 줄여서 그리고, 줄였다는 안내가 나옵니다.

로고 영역은 QR의 점(모듈) 단위로 맞춰지며 항상 QR의 정중앙에 놓입니다. 점 개수가 홀수가 되도록 조정되므로 화면에서 보이는 크기가 입력한 비율과 아주 조금 다를 수 있습니다. 또 로고가 차지하는 칸 안에서도 그림은 가장자리에서 약간 안쪽으로 들어가 그려지기 때문에, 이미지 자체는 로고 영역보다 조금 작게 보입니다.

숫자를 해석하는 요령은 간단합니다. 기본값 근처에서 시작하고, 경고가 뜨는 10%는 '여기서부터는 직접 확인하라'는 신호로 받아들이세요. 경고가 없다고 모든 기기에서 읽힌다는 보증은 아닙니다. 상한인 20%는 앱이 허용하는 최대치일 뿐 권장값이 아닙니다.

내장 아이콘과 업로드 로고, 무엇을 고를까

가운데 로고는 두 가지 방식 중 하나를 고릅니다. 앱에 들어 있는 내장 아이콘과 내가 올리는 이미지입니다. 둘을 동시에 쓸 수는 없고 하나만 선택합니다.

• 내장 아이콘: 링크, 와이파이, 카메라, 말풍선 네 가지가 있습니다. 코드와 같은 색으로 단순하게 그려져 대비가 안정적이고, 이미지 준비가 필요 없습니다. 용도가 분명한 QR이라면 이쪽이 가장 무난합니다.
• 업로드 로고: PNG, JPG, WebP 파일을 최대 15MB까지 올릴 수 있습니다. 브랜드 로고나 캐릭터처럼 내 것을 보여 주고 싶을 때 씁니다. 올린 이미지는 브라우저 안에서만 처리하고 서버로 보내지 않습니다.

처음이라면 내장 아이콘으로 읽히는지 먼저 확인한 다음 업로드 로고로 바꿔 보세요. 같은 크기에서 내장 아이콘은 읽히는데 내 로고만 안 읽힌다면 원인은 이미지입니다. 어디를 고쳐야 하는지 좁히기 쉬워집니다.

이모지 메이커에서 만든 이모지를 QR 가운데에 넣기

가장 손쉬운 로고는 이모지입니다. 이미 이모지 메이커에서 글자나 이미지로 이모지를 만들었다면, 그것을 그대로 QR의 로고로 쓸 수 있습니다. 이모지 메이커의 이모지 미리보기 영역에 '이 이모지로 QR 만들기' 버튼이 있습니다.

1. 이모지 메이커에서 이모지를 만듭니다.
2. '이 이모지로 QR 만들기' 버튼을 누르면 디자인 QR이 새 탭으로 열립니다. 새 탭이 뜨지 않으면 팝업이 막혔을 수 있으니 팝업을 허용한 뒤 다시 눌러 주세요.
3. 새 탭이 준비되면 만든 이모지가 가운데 로고로 자동 적용되고, 디자인 모드로 전환되며 '이모지를 로고로 넣었어요' 안내가 3초 동안 표시됩니다.
4. QR에 담을 링크를 입력하고 로고 면적을 조정한 뒤 저장합니다.

이 전달은 두 브라우저 탭 사이에서만 일어납니다. 이모지 이미지가 서버를 거쳐 가는 것이 아니라, 열린 탭끼리 브라우저 안에서 주고받습니다. 받는 쪽은 정해진 주소의 이모지 메이커에서 온 PNG 이미지만 받아들이고, 다른 형식이나 외부 주소, 크기가 범위를 벗어난 이미지는 무시합니다. 전달 준비가 된 뒤 10초 안에 도착해야 하고, 첫 이모지를 받은 뒤에는 추가로 오는 메시지를 받지 않습니다. 링크를 비롯해 이미 입력해 둔 내용은 그대로 유지됩니다.

받은 이모지에도 일반 로고와 똑같은 규칙이 적용됩니다. 면적 한도와 경고, 오류 정정 H 자동 적용이 모두 그대로입니다. 이모지는 색이 다채롭고 윤곽이 둥글어서 로고로 쓰기에 좋지만, 크기를 욕심내면 다른 이미지와 마찬가지로 읽히지 않을 수 있으니 같은 방식으로 확인하세요.

이모지 메이커에서 이모지 만들기

최근 올린 이미지 재사용하기

로고 후보를 여러 장 바꿔 가며 비교하다 보면 같은 파일을 계속 다시 고르게 됩니다. 만두몬 QR은 성공적으로 읽은 업로드 이미지를 '최근 올린 이미지' 목록에 보관해서 이 수고를 덜어 줍니다.

• 5MB 이하 원본만, 최근 순으로 최대 8개까지 보관하고 오래된 것부터 지웁니다.
• 5MB를 넘는 파일도 15MB 한도 안에서는 로고로 쓸 수 있지만 목록에는 남지 않습니다.
• 목록에서 이미지를 누르면 파일을 다시 고르지 않고 로고로 불러옵니다. 같은 목록을 이미지 모양, 이미지 QR과 함께 씁니다.
• 항목을 하나씩 지우거나 '모두 지우기'로 비울 수 있습니다.

이 목록은 사용 중인 브라우저 안에만 저장되고 서버로 보내지 않습니다. 공용 컴퓨터에서 개인 이미지를 썼다면 작업을 마친 뒤 목록을 비우거나 브라우저의 사이트 데이터를 지우는 것이 좋습니다.

로고 이미지, 이렇게 준비하세요

같은 크기라도 어떤 이미지를 쓰느냐에 따라 읽히는 정도가 크게 달라집니다. 몇 가지만 지켜도 실패 확률이 눈에 띄게 줄어듭니다.

• 투명 배경 PNG를 쓰세요. 로고 주변에 흰 사각형이 남으면 어색할 뿐 아니라 로고가 차지하는 영역이 불필요하게 커 보입니다. 배경을 투명하게 저장한 PNG라면 그림의 윤곽만 깔끔하게 얹힙니다.
• 형태는 단순할수록 좋습니다. 작은 크기로 줄어들면 가는 선과 작은 글씨는 뭉개집니다. 굵고 단순한 도형이나 한 글자, 이모지 하나 같은 형태가 알아보기 쉽습니다.
• 대비를 확보하세요. 로고가 너무 옅거나 QR 점과 비슷한 어두운 색이면 로고와 점이 서로 섞여 보입니다. 로고는 주변 점과 구분되는 분명한 색으로 만드세요.
• 정사각형에 가깝게 다듬으세요. 가로로 아주 긴 로고는 같은 면적에서 훨씬 작게 보입니다.
• 사진은 피하세요. 작게 줄이면 세부가 사라지고 색도 탁해집니다. 꼭 써야 한다면 명암이 분명하고 피사체가 큼직한 사진을 고르세요.
• 내 로고가 아닌 이미지는 사용 권한을 확인하세요.

스캔 확인 배지와 실기기 테스트

미리보기 영역에는 스캔 상태를 알려 주는 표시가 나옵니다. 확인하는 동안에는 '스캔 확인 중…', 문제가 없으면 '스캔 확인됨', 읽기 어려울 수 있다고 판단되면 '스캔이 어려울 수 있음'이 뜨고, 이 경우 색 대비를 높이거나 로고 크기를 줄이라는 안내가 함께 나옵니다. 로고를 키울 때 이 표시가 바뀌는 지점을 눈여겨보면 어디까지가 안전한지 감을 잡을 수 있습니다.

다만 이 배지는 어디까지나 참고용입니다. 서로 다른 휴대폰의 카메라와 스캔 앱은 읽는 능력이 제각각이고, 인쇄된 종이는 화면과 또 다릅니다. '스캔 확인됨'이 모든 기기에서 읽힌다는 보증은 아니므로 마지막 판정은 실제 기기가 내립니다.

1. 화면 미리보기가 아니라 내려받은 파일을 스캔합니다.
2. 실제로 쓸 크기로 한 장만 인쇄해서 확인합니다. 작게 인쇄할수록 로고 때문에 가려진 점이 더 치명적입니다.
3. 아이폰과 안드로이드, 기본 카메라 앱과 다른 스캔 앱으로 각각 읽어 봅니다. 가능하면 오래된 기종도 시험해 보세요.
4. 사람이 실제로 서거나 앉는 거리, 각도, 조명에서 읽어 봅니다.
5. 열린 페이지가 의도한 주소인지 확인합니다. 읽히는 것과 올바른 곳으로 가는 것은 별개입니다.

잘 안 읽힌다면 한 번에 하나씩 되돌려 보세요. 로고 면적을 줄이는 것이 가장 효과가 크고, 그다음이 점과 배경의 대비를 높이는 것, 인쇄 크기를 키우는 것, 주소를 짧게 만드는 것입니다. 이 순서는 정해진 규칙이 아니라 경험에 따른 요령이므로 직접 시험한 결과를 우선하세요.

마지막으로, 만두몬 QR은 가입 없이 브라우저 안에서 모양 QR, 이미지 QR, 프레임과 문구, 와이파이 QR을 만들고 PNG나 SVG로 저장할 수 있는 무료 도구입니다. 입력한 내용은 서버로 보내지 않습니다. 내장 아이콘이나 이모지로 가볍게 시작해서 로고 면적을 8% 근처에서 조금씩 키워 보고, 매번 저장한 파일을 스캔해 한계를 직접 확인해 보세요. 로고를 넣었다가 마음에 들지 않으면 내장 아이콘과 업로드, 이모지를 오가며 몇 번이든 바꿔 볼 수 있습니다.

만두몬 QR 열기