실험 기록 01
사진형 이미지는 어떤 형식이 가장 가벼울까요?
같은 사진형 테스트 이미지를 PNG, JPG, WebP로 저장해 실제 용량과 픽셀 변화를 비교했습니다.
이 테스트에서는 WebP가 14.8 KB로 가장 작았습니다. PNG보다 91.7% 작았고, JPG는 40.4 KB였습니다.
핵심 결과
가장 작은 결과14.8 KBWebP 품질 0.86
PNG 대비91.7% 작음WebP 결과
WebP RGB 평균 오차0.732채널당 0–255 기준
같은 원본으로 비교한 결과
브라우저가 화면 크기에 맞춰 이미지를 줄여 표시할 수 있습니다. 원본 크기는 아래 파일을 내려받아 확인할 수 있습니다.
측정값
| 형식 | 저장 설정 | 파일 크기 | PNG 대비 | RGB 평균 오차 | PSNR |
|---|---|---|---|---|---|
| PNG | 무손실 | 177.9 KB | 기준 | 0 | 손실 없음 |
| JPG | 품질 0.92 | 40.4 KB | 77.3% 작음 | 0.579 | 46.13 dB |
| WebP | 품질 0.86 | 14.8 KB | 91.7% 작음 | 0.732 | 44.98 dB |
결과에서 확인한 점
- PNG는 원본 픽셀을 그대로 보존했지만 세 형식 중 파일이 가장 컸습니다.
- WebP는 JPG보다 파일이 작았지만 RGB 평균 오차는 이 테스트에서 JPG보다 조금 높았습니다.
- 파일 크기만으로 화질을 판단하지 않고 실제 표시 크기에서 얼굴, 머리카락, 얇은 경계를 함께 확인해야 합니다.
어떻게 측정했나요?
측정 순서
- 고정된 Canvas 원본(960×640px 사진형 합성 이미지)을 만들었습니다.
- PNG 원본 · JPG 품질 0.92 · WebP 품질 0.86으로 저장했습니다.
- 저장된 결과를 다시 디코딩해 원본과 같은 좌표의 RGB·알파 값을 비교했습니다.
- RGB 평균 오차는 각 색상 채널의 절대 차이를 0–255 범위에서 평균한 값입니다.
전체 수치와 SHA-256 해시는 측정 결과 JSON에서 확인할 수 있습니다.