실험 기록 04
압축 화질 네 단계는 실제로 얼마나 차이 날까요?
이미지 압축 도구의 낮게·보통·높게·최고 설정을 같은 사진형 원본에 적용했습니다.
낮게(0.42)는 7.1 KB, 최고(0.86)는 14.8 KB였습니다. 최고 설정은 더 컸지만 RGB 평균 오차가 1.118에서 0.732로 줄었습니다.
핵심 결과
낮게 0.427.1 KBRGB 오차 1.118
높게 0.729.3 KBRGB 오차 0.945
최고 0.8614.8 KBRGB 오차 0.732
같은 원본으로 비교한 결과
브라우저가 화면 크기에 맞춰 이미지를 줄여 표시할 수 있습니다. 원본 크기는 아래 파일을 내려받아 확인할 수 있습니다.
측정값
| 화질 | 파일 크기 | PNG 대비 | RGB 평균 오차 | PSNR |
|---|---|---|---|---|
| 0.42 | 7.1 KB | 96.0% 작음 | 1.118 | 41.04 dB |
| 0.58 | 8.3 KB | 95.3% 작음 | 1.008 | 42.04 dB |
| 0.72 | 9.3 KB | 94.8% 작음 | 0.945 | 42.68 dB |
| 0.86 | 14.8 KB | 91.7% 작음 | 0.732 | 44.98 dB |
결과에서 확인한 점
- 이 테스트에서는 화질을 높일수록 파일이 커지고 픽셀 오차는 줄었습니다.
- 낮게와 보통은 썸네일처럼 작은 표시 크기에서 먼저 비교하고, 얼굴이나 제품 경계가 중요하면 높게부터 확인하는 편이 안전합니다.
- 원본 PNG가 단순하거나 이미 작다면 압축 결과가 항상 더 작아지는 것은 아닙니다.
어떻게 측정했나요?
측정 순서
- 고정된 Canvas 원본(960×640px 사진형 PNG 원본)을 만들었습니다.
- WebP 품질 0.42 · 0.58 · 0.72 · 0.86으로 저장했습니다.
- 저장된 결과를 다시 디코딩해 원본과 같은 좌표의 RGB·알파 값을 비교했습니다.
- RGB 평균 오차는 각 색상 채널의 절대 차이를 0–255 범위에서 평균한 값입니다.
전체 수치와 SHA-256 해시는 측정 결과 JSON에서 확인할 수 있습니다.
