비교
PNG와 SVG
PNG는 픽셀로 이루어진 래스터 이미지이고 SVG는 고정 픽셀 격자 없이 크기를 조정할 수 있는 벡터 도형을 기술합니다. 픽셀 기반 이미지인지 여러 크기에서 선명해야 하는 도형인지에 따라 선택하세요.
어떤 형식을 선택해야 할까요?
스크린샷, 완성된 래스터 그림, 폭넓은 호환성에는 PNG를 사용하고, 확대가 필요한 로고·아이콘·도표에는 안전성을 확인한 뒤 SVG를 사용하세요.
적합한 경우 PNG
인터페이스 그래픽 · 스크린샷 · 투명 이미지
- 투명도가 필요한 이미지
- 텍스트와 선화
적합한 경우 SVG
로고, 아이콘, 다이어그램 · 확장 가능한 UI 그래픽
- 크기 조절되는 일러스트
- 편집 가능한 도형
기본 정보
| 항목 | PNG | SVG |
|---|---|---|
| 확장자 | .png | .svg |
| MIME 유형 | image/png | image/svg+xml |
| 주요 용도 | 인터페이스 그래픽 · 스크린샷 · 투명 이미지 | 로고, 아이콘, 다이어그램 · 확장 가능한 UI 그래픽 |
| 여는 방법 | 대부분의 운영체제 뷰어, 웹 브라우저, 이미지 편집기에서 PNG 파일을 열 수 있습니다. | 브라우저, 벡터 편집기 또는 호환 뷰어로 여세요. |
| 내보내기 또는 변환 | 투명도와 무손실 품질이 더 이상 필요 없을 때만 JPEG로 내보내세요. 원본 PNG는 보관하세요. | 래스터가 필요하면 PNG로 내보내고 크기, 글꼴, 색상, 투명도를 확인하세요. |
용도별 선택
투명도가 필요한 이미지
인터페이스 그래픽 · 스크린샷 · 투명 이미지
PNG텍스트와 선화
인터페이스 그래픽 · 스크린샷 · 투명 이미지
PNG크기 조절되는 일러스트
로고, 아이콘, 다이어그램 · 확장 가능한 UI 그래픽
SVG편집 가능한 도형
로고, 아이콘, 다이어그램 · 확장 가능한 UI 그래픽
SVG핵심 사항 1
PNG는 픽셀을 저장하며 래스터 그림에 폭넓게 지원됩니다.
차이 자세히 보기핵심 사항 2
SVG는 벡터 도형을 기술해 내용에 따라 선명하게 확대할 수 있습니다.
차이 자세히 보기차이 자세히 보기
실제 표시 크기에서 시험하고 변환 후 투명도, 글꼴, 시각 효과를 확인하세요. 외부에서 받은 SVG는 능동 콘텐츠로 간주하고 삽입 전에 검토하세요.
- PNG는 픽셀로 완성된 이미지와 스크린샷에 적합합니다.
- SVG는 여러 크기가 필요한 로고와 아이콘에 유용합니다.
- 복잡한 효과는 SVG 도구와 브라우저에 따라 다르게 보일 수 있습니다.
자주 묻는 질문
모든 로고를 SVG로 만들어야 하나요?
SVG는 확장 가능한 로고에 자주 적합하지만 렌더러 지원과 원본 콘텐츠를 확인하세요. 작업 흐름에 필요하면 래스터 대체본을 유지하세요.