비교6 분 읽기
SVG vs PNG: 어떤 형식을 사용할까
2026년 6월 게시 · Svggram 팀
SVG와 PNG 중 어디를 선택할지는 원하는 목적에 따라 다릅니다. 두 형식 모두 분명한 장점이 있으므로, 이 가이드에서는 SVG와 PNG의 차이점을 명확히 비교 안내합니다.
SVG란?
SVG(Scalable Vector Graphics)는 XML 기반의 벡터 형식으로, 픽셀 아닌 공식으로 디자인되어 어떤 크기로 확대하더라도 항상 셔프게 남습니다. 온라인에서 SVG 파일을 생성곱하고 편집하려면 무료 SVG 편집기를 이용하세요.
PNG란?
PNG(Portable Network Graphics)는 래스터 형식으로, 이미지를 픽셀 단위로 저장합니다. 투명도 지원하고 손실 없는 압축을 제공하므로 품질 이상 없이 보존됩니다.
핵심 차이점
| 표 | SVG | PNG |
|---|---|---|
| 확장성 | 무한확대 — 품질 손실 없음 | 확대할수록 품질이 떨어집니다 |
| 파일 크기 | 간단한 그래픽은 파일이 작음 | 크고 차지는 픽셀 크기에 따라 다름 |
| 투명도 | 지원 | 지원 |
| 애니메이션 | CSS/JS 애니메이션 가능 | 불가능 |
| 편집 가능성 | 무제한 편집 가능 | 편집이 제한됨 |
| 주 용도 | 아이콘, 로고, 이미지 | 사진, 스크린샷 |
SVG를 사용하면 되는 경우
- 아이콘과 로고 — 아무 크기에서도 셔프게 남습니다
- 이미지 — 레티나 프리디스플레이에서도 안일부되지 않습니다
- 애니메이션 — 디자이너링으로 애니메이션 적용 가능합니다
PNG를 사용하면 되는 경우
- 사진 — 원본 품질을 무손실로 보존합니다
- 스크린샷 — 화면 내용을 픽셀로 정확하게 처리합니다
자주 맬는 질문
웹사이트에서 어떤 형식이 더 적합한가요?
아이콘과 로고는 SVG가, 사진은 PNG가 적합합니다.
PNG는 투명도를 지원하나요?
네, 지원합니다.
소프트웨어 없이 SVG를 편집할 수 있나요?
네, Svggram의 무료 온라인 SVG 편집기를 이용하면 됩니다.