QR 코드의 SVG 저장이 안 될 때: 제목의 이모지부터 확인하세요

QR은 보이는데 SVG 저장만 눌리지 않나요?

이 사이트의 QR 코드 만들기에서 주소를 넣고 제목에 모임🎉를 적으면 QR은 보입니다. 그런데 SVG 저장 버튼은 눌리지 않고, 아래에 이런 안내가 나옵니다.

SVG 제목으로 저장할 수 없는 글자: 🎉. 제목을 바꾸거나 PNG로 저장하세요.

이 안내는 주소가 잘못됐다는 뜻이 아닙니다. QR 아래에 붙일 제목을 SVG용 도형으로 만들 수 없다는 뜻입니다. 주소를 지우거나 다시 짧게 만들 필요는 없습니다.

운영 중인 도구의 저장 방식을 확인하려고 실제로 이 입력을 넣어봤습니다. 해결 방법은 두 갈래입니다. 제목의 이모지를 유지하려면 PNG로 저장하고, SVG가 필요하면 제목에서 지원하지 않는 글자를 바꾸세요.

이모지를 남기려면 PNG로 저장하세요

1. 웹페이지 주소에 공유할 주소가 들어 있는지 확인하세요. 이미 넣은 주소는 그대로 두세요.
2. 제목에 모임🎉를 넣고 미리보기가 나올 때까지 기다리세요.
3. 안내에 표시된 글자가 🎉인지 확인하세요.
4. PNG 저장을 누르세요. 컴퓨터에서는 내려받은 이미지를 직접 열어 제목까지 확인하세요.

휴대폰·태블릿에서는 PNG 이미지가 있는 저장 창이 열립니다. 이미지를 길게 누르거나 파일 다운로드 버튼을 누르세요. 파일 공유를 지원하는 기기에는 공유하기도 나옵니다. 기기에 그 이모지를 그릴 글꼴이 없으면 모양이 다르거나 네모로 보일 수 있습니다. 미리보기뿐 아니라 최종 저장 파일도 확인하세요.

그림을 크게 보기

PNG는 작은 점으로 이루어진 이미지입니다. 문서에 넣을 때는 QR 주위의 흰 여백을 남기세요. 너무 크게 늘려 무늬가 흐려지거나 작게 줄여 읽히지 않으면, 이모지를 빼고 SVG로 저장하는 쪽을 검토하세요. 출력물은 한 장만 먼저 인쇄해 스캔해보세요.

크게 인쇄할 SVG가 필요하면 제목을 고치세요

주소는 그대로 두고 제목을 모임 안내로 바꿔보세요. 제목 처리가 끝나면 SVG 저장 버튼이 활성화됩니다. 이번 확인에서도 이 제목으로 SVG 파일을 저장했습니다. 제목이 필요 없다면 제목 칸을 비워도 됩니다.

SVG는 점의 개수 대신 선과 도형의 모양을 기록하는 이미지 형식입니다. 확대할 때 경계가 흐려지는 것을 줄일 수 있습니다. 다만 문서 편집 프로그램이 SVG 삽입을 지원하는지는 별도로 확인하세요.

이 사이트에서 저장한 SVG의 제목은 편집 가능한 글자가 아닙니다. ‘모임 안내’라는 글자를 도형으로 바꿔 담습니다. 나중에 문서에서 제목 문구를 고치려면 이 도구로 돌아와 제목을 바꾼 뒤 새 파일을 저장하세요. PNG의 확장자만 바꿔도 형식은 달라지지 않습니다.

제목을 바꿔도 웹페이지 주소를 고치지 않았다면 QR이 담는 주소는 그대로입니다. 제목은 사람이 읽는 이름표일 뿐, 스캔할 주소에 덧붙지 않습니다. 안내 문구와 주소가 서로 맞는지는 직접 확인하세요.

같은 제목이 화면에는 보이는데 왜 SVG에서는 막힐까요?

이 도구는 제목을 SUIT 글꼴의 글자 모양으로 바꿔 SVG에 넣습니다. 받는 컴퓨터에 같은 글꼴이 없어도 제목 모양을 유지하려는 방식입니다. SVG 파일에는 글꼴 파일을 함께 넣지 않습니다.

문제는 그 글꼴에 없는 글자입니다. 🎉처럼 지원하지 않는 글자가 있으면 제목을 온전히 도형으로 만들 수 없어 SVG 저장을 막습니다. 화면과 PNG에서는 기기의 다른 글꼴로 부족한 글자를 보완할 수 있습니다. 그래서 화면에 보인다고 SVG로도 저장되는 것은 아닙니다. 이는 SVG 전체의 한계가 아니라 이 사이트가 제목을 저장하는 방식의 제한입니다.

직접 파일 구조도 확인했습니다. 모임 안내로 저장한 SVG의 제목 영역에는 글자를 나타내는 <text> 대신 도형을 나타내는 <path>가 들어 있었습니다. SVG에서 도형을 그리는 방법은 MDN의 path 설명에서 확인할 수 있습니다. 글꼴의 글자 지원 여부 확인은 사용 중인 fontkit의 공식 문서와 대조했습니다.

이모지만 해당하는 것은 아닙니다. 현재 글꼴에서는 Café의 é, 한자 漢도 지원하지 않습니다. 반면 ★와 ♥는 지원합니다. 겉모양만 보고 판단하지 말고 안내에 나온 글자를 확인하세요. 안내에 글자 대신 빈칸만 보이면 일반 공백보다 넓은 전각 공백이 섞였을 수 있습니다. 제목의 공백을 지우고 키보드의 스페이스바로 다시 넣어보세요.

글자 안내 대신 ‘다시 시도’가 나오면

‘제목의 윤곽선을 만들지 못했습니다’라는 안내와 SVG 다시 시도 버튼이 나오는 경우는 구분하세요. 이 경우에는 글꼴이나 코드를 받지 못했거나 글자 모양을 만드는 데 실패했을 수 있습니다. 인터넷 연결을 확인한 뒤 버튼을 눌러보세요. 그래도 같다면 주소와 제목을 따로 메모한 뒤 페이지를 새로고침하고 다시 넣으세요. 급하면 PNG로 저장하세요.

반대로 안내에 특정 글자가 표시된다면 같은 제목을 다시 입력해도 그 글꼴에 없는 모양이 생기지는 않습니다. 안내에 나온 글자를 바꾸거나 PNG로 저장하세요.

주소 입력 오류가 표시되거나 PNG 저장까지 막혀 있다면 이 글의 제목 문제와 다릅니다. 줄바꿈이 들어간 주소나 너무 긴 입력인지 화면 안내부터 확인하세요. 저장은 되는데 스캔이 안 된다면 QR 코드의 여백과 이미지 크기 확인으로 이어가세요.

이번에 확인한 범위

2026년10월30일 macOS의 Playwright Chromium에서 현재 사이트를 로컬로 실행했습니다. 주소는 공개 블로그 주소를 사용했고, 도구 기능과 스타일은 바꾸지 않았습니다.

모임🎉로 저장한 PNG는1024×952px입니다. QR 판독 프로그램으로 파일을 읽은 결과는 입력한 https://hjh3311504.github.io/blog였습니다. 이어서 제목만 모임 안내로 고쳐 SVG 저장이 가능해지는 것을 확인했습니다. 휴대폰 저장 창은 Chromium의 모바일 기기 설정으로 확인했습니다. 실제 휴대폰이나 모바일 Safari에서 저장하거나 종이 출력물을 스캔한 결과는 아닙니다.

직접 확인할 때는 저장한 PNG와 저장한 SVG를 열어보세요. 확인 기록에는 브라우저 버전과 PNG에서 읽은 주소가 있습니다. 실행 절차는 재현 스크립트에 남겼습니다.

처음 사용하는 분은 QR 코드 만들기 안내에서 주소 입력·저장·인쇄 흐름을 먼저 확인하세요.