비교
PNG와 WebP
PNG와 WebP는 모두 투명도를 지원할 수 있습니다. PNG는 호환성이 넓은 무손실 형식이고 WebP는 웹 전송 최적화에 쓸 수 있으며 애니메이션도 지원합니다. 실제 자산과 대상 브라우저를 기준으로 비교하세요.
어떤 형식을 선택해야 할까요?
폭넓은 호환성과 무손실 그래픽이 중요하면 PNG를, 웹 전송량 절감이 필요하면 WebP를 시험하고 필요 시 대체 형식을 제공하세요.
적합한 경우 PNG
인터페이스 그래픽 · 스크린샷 · 투명 이미지
- 투명도가 필요한 이미지
- 텍스트와 선화
적합한 경우 WebP
웹 이미지 전송 · 사진 · 투명 웹 자산
- 웹 이미지 전송량 줄이기
- 투명도나 애니메이션이 필요한 자산
기본 정보
| 항목 | PNG | WebP |
|---|---|---|
| 확장자 | .png | .webp |
| MIME 유형 | image/png | image/webp |
| 주요 용도 | 인터페이스 그래픽 · 스크린샷 · 투명 이미지 | 웹 이미지 전송 · 사진 · 투명 웹 자산 |
| 여는 방법 | 대부분의 운영체제 뷰어, 웹 브라우저, 이미지 편집기에서 PNG 파일을 열 수 있습니다. | 호환되는 브라우저, 이미지 뷰어 또는 이미지 편집기로 WebP 파일을 여세요. |
| 내보내기 또는 변환 | 투명도와 무손실 품질이 더 이상 필요 없을 때만 JPEG로 내보내세요. 원본 PNG는 보관하세요. | WebP를 JPEG로 내보내면 투명도가 유지되지 않고 손실 출력이 됩니다. PNG로 내보낼 때는 정지 이미지로 충분한지 결정하고 필요하면 애니메이션을 별도로 처리하세요. |
용도별 선택
투명도가 필요한 이미지
인터페이스 그래픽 · 스크린샷 · 투명 이미지
PNG텍스트와 선화
인터페이스 그래픽 · 스크린샷 · 투명 이미지
PNG웹 이미지 전송량 줄이기
웹 이미지 전송 · 사진 · 투명 웹 자산
WebP투명도나 애니메이션이 필요한 자산
웹 이미지 전송 · 사진 · 투명 웹 자산
WebP핵심 사항 1
PNG는 무손실 압축을 사용하며 널리 지원됩니다.
차이 자세히 보기핵심 사항 2
WebP는 손실·무손실 이미지와 애니메이션을 지원합니다.
차이 자세히 보기차이 자세히 보기
필요한 화질로 대표 이미지를 비교하고 투명도, 애니메이션, 브라우저 지원을 확인하세요. 원본을 보관하고 실제 사이트에서 대체 경로를 검증하세요.
- PNG는 선명한 그래픽과 투명 래스터 이미지에 흔히 쓰입니다.
- WebP는 웹 이미지 전송용이며 파일 크기를 줄일 수 있습니다.
- 모든 이미지에서 한 형식이 더 작거나 나은 것은 아닙니다.
자주 묻는 질문
모든 PNG를 WebP로 바꿔야 하나요?
그렇지 않습니다. 실제 파일을 측정하고 품질과 호환성을 확인한 뒤 필요한 경우 적절한 대체 형식을 유지하세요.