SVG
VS
PNG
SVG vs PNG완벽한 포맷 비교 가이드
SVG는 로고, 아이콘 및 확장 가능한 그래픽에 가장 적합한 형식입니다. 래스터 이미지, 사진 또는 벡터로 표현할 수 없는 복잡한 시각적 콘텐츠가 필요한 경우에는 PNG를 사용하십시오.
2026년 4월 10일 업데이트됨
없음 대 무손실 압축
나란히 비교 분석
기능별 비교
| 특징 | SVG | PNG |
|---|---|---|
| 성명 | 확장 가능한 벡터 그래픽 | 휴대용 네트워크 그래픽 |
| 파일 확장자 | .svg | .png |
| 압축 | 없음 | 무손실 |
| 투명도 | 예 | 예 |
| 생기 | 예 | 아니요 |
| 색심도 | 무제한(벡터 기반) | 최대 48비트 |
| 맥스 컬러 | 제한 없는 | 1670만(24비트) 또는 281조(48비트) |
| 브라우저 지원 | 훌륭한 | 만능인 |
| 일반적인 파일 크기 | 아주 작은 | 크기가 큰 |
| 출시 연도 | 2001 | 1996 |
성명
SVG
확장 가능한 벡터 그래픽
PNG
휴대용 네트워크 그래픽
파일 확장자
SVG
.svg
PNG
.png
압축
SVG
없음
PNG
무손실
투명도
SVG
예
PNG
예
생기
SVG
예
PNG
아니요
색심도
SVG
무제한(벡터 기반)
PNG
최대 48비트
맥스 컬러
SVG
제한 없는
PNG
1670만(24비트) 또는 281조(48비트)
브라우저 지원
SVG
훌륭한
PNG
만능인
일반적인 파일 크기
SVG
아주 작은
PNG
크기가 큰
출시 연도
SVG
2001
PNG
1996
파일 크기 비교
시나리오: 500 × 200 픽셀 크기의 회사 로고
SVG
.svg
8 KB
PNG
.png
45 KB
메모: SVG는 어떤 확대/축소 수준에서도 선명도를 유지합니다. PNG는 원래 크기 이상으로 확대하면 흐릿해집니다.
각 형식을 언제 사용해야 할까요?
SSVG 다음과 같은 경우에 사용합니다...
- 로고, 아이콘 또는 브랜드 그래픽 작업을 하고 계시군요.
- 해당 그래픽은 품질 저하 없이 어떤 크기로든 확대/축소될 수 있어야 합니다.
- 간단한 그래픽의 경우 파일 크기가 최대한 작을수록 좋습니다.
- 인터랙티브 또는 애니메이션 웹 그래픽이 필요합니다.
- 이 그래픽은 제한된 색상과 깔끔한 기하학적 도형으로 구성되어 있습니다.
~에 가장 적합함
로고 및 브랜드 마크아이콘 및 UI 요소일러스트레이션 및 인포그래픽어떤 크기에도 맞춰 확대/축소되는 반응형 그래픽상호작용 및 애니메이션 웹 그래픽
PPNG 다음과 같은 경우에 사용합니다...
- 사진이나 복잡한 이미지를 다루고 계신가요?
- 이 이미지는 카메라 또는 스크린샷 도구로 캡처되었습니다.
- 특정 소프트웨어와의 호환성을 위해서는 래스터 이미지가 필요합니다.
- 해당 그래픽은 너무 복잡하여 벡터로 효율적으로 표현할 수 없습니다.
- 이미지 콘텐츠에 대해 픽셀 단위의 정밀한 제어가 필요합니다.
~에 가장 적합함
스크린샷 및 UI 요소텍스트가 겹쳐진 그래픽투명도가 필요한 이미지로고 및 아이콘선화 및 도표
SVG 와 PNG 에 대한 FAQ
SVG 및 PNG 이미지 형식에 대한 일반적인 질문
궁금한 점이 더 있으신가요? 고객 지원팀에 문의하세요.