PNG를 WebP로 바꾸면 용량이 줄어드는 이유

PNG 이미지를 WebP로 바꾸기만 했는데 용량이 눈에 띄게 줄어드는 걸 본 적이 있을 겁니다. 화질은 그대로인 것 같은데 왜 파일 크기만 작아지는 걸까요.

요약 ① PNG는 이미지 전용이 아니라 텍스트·이미지 어디에나 쓰는 범용 무손실 압축(DEFLATE)을 그대로 가져다 쓴 포맷입니다. ② WebP는 이미지 전용으로 설계되어, 화면을 작은 블록으로 나눠 "이전 블록과 얼마나 다른가"만 기록하는 예측 압축을 씁니다. ③ WebP는 무손실 모드에서도 PNG의 투명 배경(알파 채널)을 그대로 유지하면서 용량만 줄일 수 있습니다.

PNG의 압축 방식: 범용 알고리즘을 그대로 쓴다

PNG가 쓰는 압축 방식(DEFLATE)은 사실 이미지만을 위해 만들어진 게 아닙니다. ZIP 파일 압축에도 쓰이는 범용 압축 알고리즘으로, 데이터 안에서 반복되는 패턴을 찾아 짧게 줄이는 방식입니다. 텍스트든 이미지든 압축하려는 대상이 무엇인지 신경 쓰지 않고 똑같은 방식을 적용합니다.

이 방식은 "무손실"이라는 확실한 장점이 있지만, 사진처럼 색이 미세하게 계속 변하는 이미지에서는 반복되는 패턴을 찾기가 어렵습니다. 결과적으로 압축 효율이 이미지 전용 포맷보다 떨어집니다.

WebP의 압축 방식: 이미지를 이해하고 압축한다

WebP는 처음부터 이미지 압축을 위해 설계됐습니다. 화면을 작은 블록으로 나눈 뒤, 각 블록을 "이전에 이미 처리한 주변 블록과 비교했을 때 얼마나 다른가"라는 차이값 위주로 기록합니다. 주변과 색이 비슷한 블록이 많은 사진에서는 이 차이값이 대부분 작거나 0에 가까워서, 있는 그대로 다 저장하는 PNG보다 훨씬 적은 데이터로 표현할 수 있습니다.

WebP는 두 가지 모드를 모두 지원한다는 점도 다릅니다. 화질을 100% 그대로 유지하는 무손실 모드와, 사람 눈에 잘 안 보이는 부분을 깎아 용량을 더 줄이는 손실 모드를 상황에 따라 고를 수 있습니다. PNG는 무손실 모드만 있습니다.

직접 해보기 →

투명 배경은 그대로 유지되는 이유

PNG를 쓰는 대표적인 이유 중 하나가 투명 배경(알파 채널)입니다. 로고나 아이콘처럼 배경 없이 다른 화면 위에 얹어야 하는 이미지는 PNG로 저장하는 경우가 많습니다.

WebP도 알파 채널을 지원하는 포맷이라, PNG를 WebP로 바꿔도 투명했던 부분은 그대로 투명하게 남습니다. JPG로 바꾸면 투명 영역이 흰색이나 다른 배경색으로 채워져 버리는 것과 다른 점입니다. 즉 "용량을 줄이고 싶은데 투명 배경은 유지해야 하는" 상황에서 WebP가 선택지가 되는 이유가 여기에 있습니다.

도구가 이 변환을 처리하는 방식

PNG → WebP 변환기는 업로드한 이미지를 캔버스에 그린 뒤 곧바로 WebP로 다시 인코딩합니다. 별도의 변환 버튼 없이 파일을 올리는 즉시 처리되며, "WebP 품질" 슬라이더(30~100%)로 압축 강도를 조절할 수 있습니다. 슬라이더 값을 낮추면 용량이 더 줄어들지만 손실 압축의 영향도 커집니다.

결과 화면에는 원본 PNG 용량과 변환된 WebP 용량, 그리고 절감된 비율이 나란히 표시됩니다. 투명 배경이 있는 이미지를 넣으면 변환 후에도 그 투명도가 그대로 유지되는 것을 미리보기에서 바로 확인할 수 있습니다.

정리

• PNG는 이미지 전용이 아닌 범용 무손실 압축(DEFLATE)을 쓰고, WebP는 이미지 전용으로 설계된 예측 압축을 씁니다.
• 색이 미세하게 변하는 사진일수록 WebP의 압축 효율이 PNG보다 크게 앞섭니다.
• WebP는 무손실·손실 모드를 모두 지원해 상황에 따라 화질과 용량의 균형을 고를 수 있습니다.
• PNG의 투명 배경(알파 채널)은 WebP로 바꿔도 그대로 유지됩니다(JPG와 다른 점).
• 변환 도구는 업로드 즉시 자동으로 처리되며, 품질 슬라이더로 압축 강도를 직접 조절할 수 있습니다.

자주 묻는 질문

WebP로 바꾸면 화질이 무조건 떨어지나요?

아닙니다. WebP는 무손실 모드를 지원하므로 화질 손실 없이 용량만 줄이는 것도 가능합니다. 다만 이 도구의 품질 슬라이더로 값을 낮추면 손실 압축이 적용되어 용량은 더 줄지만 화질 저하가 생길 수 있습니다.

투명 배경이 있는 PNG를 WebP로 바꿔도 투명도가 유지되나요?

네, 유지됩니다. WebP는 PNG처럼 알파 채널(투명도 정보)을 지원하는 포맷이라 변환 후에도 투명했던 영역은 그대로 투명하게 남습니다. JPG로 변환할 경우에는 투명 영역이 배경색으로 채워지므로 이 점이 다릅니다.

모든 사진에서 WebP가 PNG보다 용량이 작나요?

대체로 그렇지만 절대적인 법칙은 아닙니다. 색이 단순하고 반복되는 패턴이 많은 이미지(예: 아이콘, 단색 배경 그래픽)는 PNG의 압축 방식으로도 이미 충분히 작아서 차이가 적을 수 있습니다. 색이 복잡하고 미세하게 변하는 사진일수록 WebP의 이점이 더 크게 나타납니다.

품질 슬라이더는 몇 %로 두는 게 적당한가요?

용도에 따라 다릅니다. 화질을 최대한 보존하고 싶다면 90% 이상으로 두고, 웹페이지 로딩 속도가 더 중요하다면 60~80% 구간에서 결과를 직접 비교해보고 눈으로 확인되는 손실이 없는 선에서 낮추는 것을 권장합니다.