실험형

JPG와 WebP, 용량과 화질은 얼마나 다를까? 같은 이미지 9가지 비교

사진 용량을 줄일 때 JPG와 WebP 중 무엇이 적합할까요? 풍경 샘플의 전체 모습, 같은 영역과 실제 파일 크기를 함께 비교했습니다.

비교할 때는 파일 크기와 필요한 디테일을 함께 봐야 합니다. 전체 사진에서 느껴지는 차이를 먼저 보고, 같은 부분을 확대한 화면에서 질감과 윤곽을 확인해 보세요. 형식마다 압축 방식이 달라 품질 설정 숫자가 같다고 같은 화질을 뜻하지는 않습니다.

풍경 이미지로 파일 크기를 비교했습니다

비교용 풍경 이미지 한 장을 같은 1024×1536 크기로 저장했습니다. 원본은 3,145,024 B, JPG 품질 80은 389,394 B, WebP 품질 80은 340,178 B였습니다. 픽셀 크기는 그대로이고 파일 크기만 달라졌습니다.

비교에 사용한 풍경 샘플
비교에 사용한 풍경 샘플
JPG Q80 · 389,394 B
JPG Q80 · 389,394 B
WebP Q80 · 340,178 B
WebP Q80 · 340,178 B

같은 부분을 나란히 비교해 보세요

전체 사진에서 차이가 잘 보이지 않으면 아래 산과 나무의 같은 영역을 확인하세요. 같은 품질 숫자라도 JPG와 WebP의 시각적 품질이 같다는 뜻은 아닙니다.

원본의 같은 영역
원본의 같은 영역
JPG Q80
JPG Q80
WebP Q80
WebP Q80

9개 출력의 실제 파일 크기

같은 풍경 샘플을 로컬 이미지 저장 기능으로 측정한 결과입니다. 품질 숫자가 다른 형식 사이의 동일 화질을 뜻하지는 않습니다.

FormatQualityBytes
jpeg40196,040 B
jpeg60258,846 B
jpeg80389,394 B
jpeg95790,715 B
webp40175,646 B
webp60232,778 B
webp80340,178 B
webp95717,292 B
pnglossless3,393,628 B

왜 품질 95에서 용량이 크게 늘까요?

높은 품질은 작은 색 차이와 질감을 더 많이 남기려는 설정입니다. 품질 숫자와 파일 크기는 같은 비율로 움직이지 않습니다. 화면에 작게 쓸 이미지는 80 전후 결과를 먼저 확인하고, 부족한 부분이 있을 때 높여 보는 편이 좋습니다.

PNG도 다시 저장하면 커질 수 있습니다

PNG는 픽셀을 손실 없이 저장하지만 저장기의 압축 방식과 부가 정보에 따라 크기는 달라집니다. 이번 PNG 재저장은 3,393,628 B로 원본보다 컸습니다. PNG를 고르는 것 자체가 용량 감소를 보장하지 않습니다.

내 파일에는 어떻게 적용할까요?

사진 공유는 상대방이 받을 수 있는 형식을 먼저 정하고, 글자가 많은 자료는 글자 경계도 살펴보세요. 풍경 한 장의 용량 순서가 인물·야간 사진·투명 로고에서도 같다고 볼 수는 없습니다.

실험 조건과 재현 방법

풍경 한 장을 아홉 가지 설정으로 저장했습니다

  1. 1

    1024×1536 풍경 샘플 한 장을 사용했습니다.

  2. 2

    기기에서 실행한 이미지 저장 기능으로 같은 원본을 측정했습니다. 브라우저 저장기의 바이트 크기는 달라질 수 있습니다.

재현용 원본 자료 (JSON)

위 본문에 주요 결과를 정리했습니다. 아래는 처리 조건과 파일 확인값을 담은 원본 기록입니다. 열면 설명 페이지가 아닌 JSON 텍스트가 표시됩니다.

형식은 받는 곳과 필요한 디테일로 고르세요

먼저 받는 곳이 지원하는 형식을 정한 뒤 품질 80 부근의 결과에서 필요한 부분을 보세요. 충분하면 더 큰 품질 값을 고를 이유가 없고, 부족하면 같은 원본에서 조정하면 됩니다. 투명도나 글자 보존이 중요하면 사진의 용량 순서와는 다른 선택이 필요합니다.