🖼️ "WebP로 바꾸면 줄어든다"가 틀리는 경우
같은 이미지를 PNG·JPG·WebP로 바꿔가며 용량을 직접 측정했습니다. 스크린샷을 JPG로 바꾸면 5.9배로 커지고, 이미 압축된 JPG는 WebP로 바꿔도 품질 90에서는 62.5% 커집니다.
이미지 용량을 줄이려고 검색하면 "WebP로 바꾸면 25~35% 작아진다"는 문장을 거의 반드시 만납니다. 그런데 그 수치는 대개 변환 서비스를 파는 쪽에서 내놓은 것이고, 어떤 이미지로 쟀는지는 안 적혀 있습니다. 그래서 직접 변환해 봤습니다. 아래 표의 모든 숫자는 이 사이트의 이미지 포맷 변환기와 압축기를 브라우저에서 실제로 조작해 화면에 뜬 값을 그대로 옮긴 것입니다.
이미지 종류가 바뀌면 순위가 바뀐다
같은 PNG 원본을 JPG와 WebP로 각각 변환했습니다. 품질 슬라이더는 둘 다 90%입니다.
| 원본 종류 | 원본 용량 | → JPG | → WebP | 더 작은 쪽 |
|---|---|---|---|---|
| 사진 (매끄러움) | 4.26 MB | 116.0 KB (-97.3%) | 29.7 KB (-99.3%) | WebP |
| 사진 (노이즈 많음) | 6.14 MB | 401.2 KB (-93.6%) | 500.9 KB (-92.0%) | JPG |
| 스크린샷 | 17.4 KB | 102.2 KB (+486.8%) | 13.4 KB (-23.0%) | WebP |
| 단색 일러스트 | 28.7 KB | 31.7 KB (+10.5%) | 14.9 KB (-48.2%) | WebP |
| 투명 로고 | 24.8 KB | 29.6 KB (+19.6%) | 19.2 KB (-22.5%) | WebP |
포맷 변환기 실측 · 괄호 안은 원본 PNG 대비 변화율 · + 는 커진 것
가장 눈에 띄는 줄은 스크린샷입니다. 17.4 KB였던 PNG 스크린샷을 JPG로 바꾸면 102.2 KB가 됩니다. 5.9배입니다. "JPG가 용량이 작다"는 상식이 정확히 거꾸로 작동하는 경우입니다. 스크린샷처럼 색 수가 적고 경계가 선명한 이미지는 PNG가 같은 색 덩어리를 통째로 압축하는 반면, JPG는 선명한 경계마다 고주파 성분을 만들어 내기 때문입니다.
단색 일러스트(+10.5%)와 투명 로고(+19.6%)도 JPG로 바꾸면 커집니다. 투명 로고는 용량과 별개로 더 큰 문제가 있습니다 — JPG는 투명도를 담지 못하므로 투명 영역이 단색으로 메워집니다. 반면 WebP는 다섯 종류 전부에서 줄었습니다. 다만 줄어드는 폭이 23.0%에서 99.3%까지 제각각이라, 하나의 비율로 말할 수 있는 수치가 아닙니다.
사진이라고 WebP가 늘 이기는 것도 아니다
표 첫 두 줄이 둘 다 사진형인데 승자가 다릅니다. 두 이미지는 그라디언트가 완전히 같고 노이즈 진폭만 다릅니다(4 대 18). 그것만으로 순위가 뒤집혔습니다.
| 사진 유형 | 품질 | → JPG | → WebP | 결과 |
|---|---|---|---|---|
| 매끄러움 | 90% | 116.0 KB | 29.7 KB | WebP가 3.9배 작다 |
| 매끄러움 | 80% | 54.6 KB | 17.3 KB | WebP가 3.2배 작다 |
| 노이즈 많음 | 90% | 401.2 KB | 500.9 KB | 역전 — JPG가 작다 |
포맷 변환기 실측 · 그라디언트는 동일, 노이즈 진폭만 4 대 18
매끄러운 사진에서는 WebP가 3.9배 작습니다. 그런데 노이즈를 키우면 WebP가 500.9 KB로 JPG의 401.2 KB보다 커집니다. 고주파 성분이 많아질수록 WebP의 압축 이점이 줄어들고, 이 조건에서는 역전까지 갔습니다. 필름 그레인을 입힌 사진이나 야간에 높은 ISO로 찍어 노이즈가 많은 사진이라면 WebP 변환이 기대만큼 안 줄거나 오히려 커질 수 있다는 뜻입니다. 이런 경우는 바꿔보고 숫자를 확인하는 편이 빠릅니다.
이미 압축된 JPG를 다시 바꾸면 커진다
가장 흔한 함정입니다. 카메라나 메신저를 거쳐 이미 한 번 압축된 JPG는 세부가 이미 버려진 상태입니다. 여기에 높은 품질로 다시 인코딩하면, 앞선 압축이 남긴 블록 경계까지 충실하게 보존하려 하면서 용량이 늘어납니다. 품질 60으로 저장한 사진(화면 표시 70.5 KB)을 여러 조건으로 재변환해 봤습니다.
| 재변환 조건 | 결과 용량 | 원본 대비 |
|---|---|---|
| WebP 품질 95 | 182.8 KB | +159.2% |
| WebP 품질 90 | 114.6 KB | +62.5% |
| WebP 품질 80 | 50.5 KB | -28.4% |
| WebP 품질 75 | 32.1 KB | -54.5% |
| WebP 품질 60 | 22.1 KB | -68.7% |
| JPG 품질 90 | 105.5 KB | +49.5% |
| JPG 품질 75 | 88.0 KB | +24.8% |
| PNG (무손실) | 1.80 MB | +2512.4% |
포맷 변환기 실측 · + 는 커진 것 · 같은 파일을 조건만 바꿔 변환
목표 용량을 정하면 품질이 어디까지 내려가나
"500 KB 이하로 올려주세요" 같은 제한이 있을 때가 많습니다. 품질을 손으로 더듬는 대신 목표 용량을 정하면, 압축기가 그 이하가 되는 가장 높은 품질을 이진 탐색으로 찾습니다. 6.14 MB 사진형 PNG에 목표만 바꿔 넣어 봤습니다.
| 지정한 목표 | 결과 용량 | 원본 대비 | 자동 선택된 품질 |
|---|---|---|---|
| 1 MB | 997.5 KB | -84% | 99% |
| 500 KB | 418.6 KB | -93% | 90% |
| 300 KB | 248.1 KB | -96% | 87% |
| 200 KB | 192.0 KB | -97% | 85% |
| 100 KB | 99.6 KB | -98% | 80% |
| 50 KB | 44.1 KB | -99% | 75% |
압축기 실측 · PNG 입력은 손실 압축을 위해 WebP로 변환됩니다
여기서 볼 것은 마지막 열입니다. 목표를 1 MB에서 50 KB로, 20분의 1까지 줄였는데 품질은 99%에서 75%로만 내려갔습니다. 용량 목표를 생각보다 공격적으로 잡아도 품질 설정이 급격히 무너지지는 않는다는 뜻입니다. 500 KB 제한이라면 품질 90이 남고, 100 KB까지 밀어도 80이 남습니다.
정리하면
- 사진이고 노이즈가 심하지 않다 → WebP. 이 측정에서는 JPG보다 3~4배 작았습니다.
- 스크린샷·단색 일러스트·도표 → JPG로 바꾸지 않습니다. PNG를 유지하거나 WebP로 갑니다. JPG는 커지기만 합니다.
- 투명 배경이 필요하다 → PNG 또는 WebP. JPG는 투명도를 담지 못합니다.
- 이미 압축된 JPG를 줄이고 싶다 → 포맷을 바꾸기보다 품질을 80 이하로 내립니다. 품질 90 이상으로 재변환하면 커집니다.
- 업로드 용량 제한을 맞춰야 한다 → 목표 용량 모드. 품질을 손으로 더듬지 않아도 됩니다.
- 노이즈가 많은 사진이거나 판단이 안 선다 → 두 포맷으로 다 바꿔보고 숫자를 비교합니다. 몇 초면 끝납니다.
자주 묻는 질문
WebP로 바꿨는데 용량이 커졌습니다. 왜죠?
원본이 이미 손실 압축된 JPG일 가능성이 큽니다. 이 글의 측정에서 품질 60으로 압축된 70.5 KB JPG를 WebP 품질 90으로 바꾸니 114.6 KB로 62.5% 커졌습니다. 변환기 기본 품질이 90%라 기본값 그대로 변환하면 이 결과가 나옵니다. 품질을 80으로 내리면 50.5 KB로 28.4% 줄어듭니다. 또 하나의 원인은 노이즈입니다. 노이즈가 많은 사진은 WebP의 압축 이점이 줄어들어, 이 글의 테스트에서는 JPG보다 커지는 역전까지 나왔습니다.
스크린샷은 어떤 포맷으로 저장해야 하나요?
PNG를 유지하거나 WebP로 바꾸세요. JPG는 피해야 합니다. 측정에서 17.4 KB PNG 스크린샷을 JPG 품질 90으로 바꾸니 102.2 KB로 5.9배가 됐습니다. 스크린샷은 색 수가 적고 글자·테두리의 경계가 선명한데, JPG는 그 경계마다 고주파 성분을 만들어 용량이 늘고 글자 주변에 번짐도 생깁니다. 같은 스크린샷을 WebP로 바꾸면 13.4 KB로 23.0% 줄었습니다.
투명 배경 로고를 JPG로 바꾸면 어떻게 되나요?
JPG는 알파 채널을 담지 못하므로 투명 영역이 단색으로 메워집니다. 용량도 이득이 없었습니다 — 24.8 KB PNG가 29.6 KB로 19.6% 커졌습니다. 투명도가 필요하면 PNG를 쓰거나, 용량까지 줄이려면 WebP를 쓰세요. 같은 로고가 WebP에서는 19.2 KB로 22.5% 줄면서 투명도도 유지됩니다.
업로드 제한이 500KB인데 품질이 많이 깨지지 않을까요?
이 측정에서는 6.14 MB 사진을 500 KB 목표로 압축했을 때 품질 90%가 선택되어 418.6 KB가 나왔습니다. 100 KB까지 밀어도 품질 80%였습니다. 목표를 20분의 1로 줄이는 동안 품질은 99%에서 75%로만 내려갔습니다. 다만 이 품질 숫자는 인코더에 넘기는 설정값이고 체감 화질은 이미지에 따라 다르니, 결과 이미지를 눈으로 확인하는 편이 좋습니다.
파일이 서버로 올라가나요?
아니요. 포맷 변환기와 압축기 모두 브라우저 안에서 canvas로 처리하고, 이미지를 서버로 보내지 않습니다. 그래서 인터넷이 끊겨도 동작하고, 민감한 사진을 올려도 기기 밖으로 나가지 않습니다. 반대로 말하면 변환 결과가 브라우저 인코더에 의존하므로, 서버용 전용 인코더와는 같은 품질 설정에서도 용량이 다를 수 있습니다.
표의 숫자는 어떻게 측정한 건가요?
이 사이트의 이미지 포맷 변환기(/ko/image-format-converter)와 압축기(/ko/image-compressor)를 실제 브라우저에서 조작해, 화면에 표시된 원본·결과·변화율을 그대로 옮겼습니다. 공식을 따로 계산하거나 추정한 값은 하나도 없고, 반올림도 다시 하지 않았습니다. 테스트 이미지는 시드를 고정해 생성한 합성 이미지 5종이며 생성 조건은 본문 첫 안내 상자에 적어 두었습니다. 반직관적인 두 수치(스크린샷 → JPG의 +486.8%, 노이즈 사진에서의 역전)는 재실행해 같은 값이 나오는지 확인했습니다.