QR 코드 PNG vs SVG: 어떤 포맷을 다운로드해야 할까
PNG는 픽셀로 만들어진 이미지입니다. SVG는 수학적 명령으로 만들어진 이미지입니다. QR 코드에서 그 차이는 다양한 크기에서 어떻게 보이는지, 실제로 어디에 사용할 수 있는지에 나타납니다.
빠른 답변
- PNG: 화면, SNS, 메시지, 슬라이드, 중소형 인쇄에 사용하세요.
- SVG: 전문 인쇄, 비닐, 대형 포스터, 확대될 모든 것에 사용하세요.
- PNG는 확대하면 선명도를 잃습니다. SVG는 어떤 크기에서도 완벽한 품질을 유지합니다.
- 불확실하고 디지털 사용이라면 PNG를 선택하세요. 불확실하고 물리적 사용이라면 SVG를 선택하세요.
- QRcito에서는 동일한 QR을 두 포맷 모두 무료로 다운로드할 수 있습니다.
PNG와 SVG란 무엇인가요?
PNG(Portable Network Graphics)는 래스터 이미지입니다. 고정된 픽셀 그리드로, 각 픽셀이 색상을 저장합니다. 원래 해상도를 넘어 확대하면 픽셀이 보이고 이미지가 흐릿하거나 "계단식"으로 보입니다.
SVG(Scalable Vector Graphics)는 벡터 이미지입니다. 픽셀 대신 기하학적 명령(직사각형, 선, 곡선)을 저장합니다. 렌더링할 때 손실 없이 표시되는 정확한 크기로 선명하게 그립니다.
QR 코드에서는 사진보다 더 중요합니다. QR은 순수 기하학, 흑백 사각형입니다. 벡터 포맷이 가장 잘 표현하는 것이 바로 그것입니다.
PNG를 사용해야 할 때
QR이 다음에 사용될 경우 PNG를 선택하세요:
- 화면(웹, 앱, SNS)에 표시될 때.
- 이메일이나 서명에 삽입될 때.
- 슬라이드 덱, 프레젠테이션, 동영상에 들어갈 때.
- 중소형 크기로 인쇄될 때(명함, 전단지, 스티커).
- 래스터 이미지만 허용하는 플랫폼에 업로드될 때(인스타그램, 카카오톡, 대부분의 CMS).
소형 인쇄의 경우 생성기가 제공하는 가장 높은 해상도의 PNG를 다운로드하세요. 명함의 경우 예를 들어 1024px 이상.
SVG를 사용해야 할 때
QR이 다음에 사용될 경우 SVG를 선택하세요:
- 대형 인쇄: A3/A2/A1 포스터, 빌보드, 쇼윈도, 현수막.
- 비닐, 실크스크린, 레이저 커팅으로 적용될 때.
- 디자이너가 Illustrator, InDesign, Figma에서 열 디자인에 통합될 때.
- 전문 인쇄(오프셋, 실크스크린)를 거칠 때.
- 선명도 손실 없이 다양한 크기로 조정될 때.
SVG는 일반 텍스트(XML)입니다. 파일 크기가 작고 편집 가능하며 항상 픽셀 완벽합니다.
한눈에 보는 주요 차이점
| 기준 | PNG | SVG |
|---|---|---|
| 유형 | 래스터(픽셀) | 벡터(기하학) |
| 손실 없이 확대 | 불가 | 가능 |
| 일반적인 파일 크기 | 더 큼 | 매우 가벼움 |
| 웹 호환성 | 보편적 | 현대 브라우저에서 보편적 |
| 전문 인쇄 | 제한된 크기에서 가능 | 이상적 |
| 사후 편집 유연성 | 제한적 | 완전(Illustrator, Inkscape, 코드) |
| SNS | 모든 곳에서 작동 | 항상 지원되지는 않음 |
해상도: PNG에 필요한 픽셀 수
실용적인 경험 법칙:
- 웹 / 모바일: 각 변에 256–512px.
- 명함 / 소형 스티커: 600–1024px.
- A5–A4 전단지: 1500–2000px.
- A3 포스터 이상: SVG가 더 좋습니다. PNG를 반드시 사용해야 한다면 최소 3000px.
인쇄의 경우 300dpi가 최소 표준입니다. 5cm QR은 약 600px이 필요하고, 20cm QR은 약 2400px이 필요합니다.
인쇄 품질: SVG가 대형에서 이기는 이유
인쇄소가 PNG를 처리하여 해상도를 넘어 확대하면 픽셀화되거나 흐릿한 가장자리가 생깁니다. QR 코드에서 이는 스캔 성공률을 떨어뜨릴 수 있습니다. 리더기는 모듈 간의 깨끗한 대비가 필요합니다.
SVG는 최종 출력의 정확한 해상도로 렌더링됩니다. 선명한 가장자리, 완벽한 대비, 안정적인 스캔.
봉투용 3cm 스티커를 인쇄할 때는 차이를 느끼지 못할 것입니다. 쇼윈도용 1미터 포스터를 인쇄할 때는 차이가 분명합니다.
호환성: 각 플랫폼이 허용하는 것
- PNG: 거의 모든 것(Word, PowerPoint, 캔바, Photoshop, SNS, 이메일, 브라우저).
- SVG:
- ✅ 현대 브라우저, Figma, Illustrator, Inkscape, InDesign, 인쇄 도구, HTML/CSS.
- ⚠️ Microsoft Word와 PowerPoint: 버전에 따라 부분 지원.
- ❌ 인스타그램, 카카오톡, 대부분의 SNS 플랫폼: SVG 허용 안 함. 먼저 PNG로 변환.
따라서 워크플로에 SNS가 포함된다면 두 포맷을 모두 다운로드하고 SVG는 물리적 자료에 보관하세요.
PDF, EPS, JPG는 어떤가요?
- PDF: 인쇄소가 특별히 요청하는 경우 유용합니다. 많은 생성기가 무료로 제공하지 않습니다. SVG가 대부분의 동일한 경우를 커버합니다.
- EPS: 구식 인쇄의 레거시 벡터 포맷. 점점 덜 사용됩니다. SVG가 동일한 경우를 처리합니다.
- JPG: QR에는 나쁜 선택입니다. 손실 압축이 패턴을 깨뜨릴 수 있는 시각적 아티팩트를 도입합니다. 선택권이 있다면 피하세요.
QRcito는 PNG와 SVG를 내보냅니다. 추가 포맷을 결제하지 않고 실제 사용 사례의 95%를 커버합니다.
결론
PNG는 거의 모든 디지털 용도와 소형 인쇄에 작동합니다. SVG는 대형 인쇄와 전문 디자인에 올바른 선택입니다. 사용이 혼합되어 있다면 두 포맷을 모두 다운로드하여 함께 보관하세요. 가끔 사용하는 경우 고해상도 PNG로 충분합니다.
자주 묻는 질문
전문 소프트웨어 없이 SVG를 열 수 있나요? 네. 어떤 현대 브라우저도 일반 이미지로 엽니다. 편집하려면 Inkscape(무료) 또는 Illustrator를 사용하세요.
PNG는 저장할 때마다 품질을 잃나요? 아니요. PNG는 손실 없는 포맷입니다. 품질을 잃는 것은 원래 해상도를 넘어 확대할 때입니다.
PNG만 있다면 인쇄소에서 사용할 수 있나요? 최종 크기에 충분한 해상도가 있다면 네(최소 300dpi). 그렇지 않으면 SVG 또는 벡터 PDF를 요청할 것입니다.
왜 일부 생성기는 SVG에 비용을 청구하나요? 비즈니스 모델입니다. 기술적으로 SVG 내보내기는 사소합니다. QR은 순수 기하학입니다. 정직한 생성기는 무료로 제공해야 합니다.
어떤 포맷이 휴대폰에서 더 잘 스캔되나요? 둘 다 아닙니다. 휴대폰은 파일을 스캔하지 않습니다. 화면이나 인쇄물에 렌더링된 이미지를 스캔합니다. 중요한 것은 소스 포맷이 아닌 최종 출력의 선명도입니다.