직접 변환한 결과 비교
같은 이미지를 JPG·PNG·WebP로 저장하면 얼마나 달라질까요?
형식과 품질 설정이 파일 크기에 주는 영향을 같은 조건에서 측정했습니다.
측정 조건
2026년 9월 23일 macOS의 Chrome 152에서 픽셀작업실과 같은 브라우저 인코더를 사용했습니다. 기준 이미지는 1,200×800px이며 그라데이션, 반투명 색 띠, 가는 세로선과 글자를 함께 넣었습니다. 각 결과는 기준 캔버스에서 한 번씩 바로 저장했고 반복 재압축하지 않았습니다.
이 수치는 해당 기준 이미지와 브라우저에서 나온 결과입니다. 사진의 색상·노이즈·글자·투명도와 브라우저 인코더가 달라지면 크기도 달라집니다. 품질 80은 원본 화질의 80%라는 뜻이 아니라 인코더에 전달하는 설정값입니다.
실제 결과
| 저장 조건 | 픽셀 크기 | 실제 용량 |
|---|---|---|
| PNG | 1,200×800 | 820,743 bytes · 820.7 KB |
| JPG 품질 60 | 1,200×800 | 38,097 bytes · 38.1 KB |
| JPG 품질 80 | 1,200×800 | 53,467 bytes · 53.5 KB |
| JPG 품질 90 | 1,200×800 | 75,801 bytes · 75.8 KB |
| WebP 품질 60 | 1,200×800 | 16,942 bytes · 16.9 KB |
| WebP 품질 80 | 1,200×800 | 20,154 bytes · 20.2 KB |
| WebP 품질 90 | 1,200×800 | 27,864 bytes · 27.9 KB |
| JPG 품질 80 | 600×400 | 25,951 bytes · 26.0 KB |
이 결과에서 확인할 수 있는 것
- PNG가 항상 적합한 것은 아닙니다. 투명이 필요하지 않은 복잡한 색상 그림에서는 이 실험처럼 JPG·WebP보다 훨씬 커질 수 있습니다.
- 품질 설정을 올리면 용량도 늘었습니다. 다만 설정값과 용량은 정비례하지 않으며 다른 이미지에서는 증가 폭이 달라집니다.
- 픽셀 축소는 별개의 작업입니다. JPG 품질 80에서 가로·세로를 절반으로 줄이자 화소 수는 4분의 1이 됐지만 파일은 53.5 KB에서 26.0 KB로 줄었습니다. 용량이 정확히 4분의 1이 되는 것은 아닙니다.
- 이 예제에서는 WebP가 가장 작았습니다. 업로드할 사이트가 WebP를 받지 않거나 브라우저가 저장을 지원하지 않으면 JPG·PNG가 필요합니다.