작성·검증: allen · 게시 2026-09-06 · 실측/수정 2026-09-21
자연 사진으로 비교한 PNG·JPG·WebP 용량과 화질
무료 CC0 숲 사진을 같은 크기로 맞춰 JPG·WebP 품질 60·85·95로 직접 변환했습니다. 실측 용량, 같은 부분의 화질 비교, 재현용 파일을 함께 제공합니다.
핵심 요약
- 이 숲 사진의 품질 85 결과는 JPG 304.6 KB, WebP 285.6 KB로 WebP가 6.3% 작았습니다.
- 작은 미리보기만으로 판단하지 말고 잎·잔가지 같은 세부를 같은 크기에서 비교하세요.
- 제공 사진은 이미 JPG입니다. PNG 기준 파일은 비교를 위해 만든 중간 파일이며, 촬영 원본이나 복원된 무손실 사진이 아닙니다.
한 장의 숲 사진, 여섯 가지 결과
숲 사진에는 밝은 하늘, 어두운 그림자, 작은 잎과 가는 가지가 함께 들어 있습니다. 전체 분위기는 비슷하게 남아도 압축을 강하게 하면 이런 작은 경계부터 달라지기 때문에, 용량과 디테일의 교환을 확인하기 좋은 사례입니다.
우선 웹 게시용 사본으로 품질 85를 비교한 뒤, 용량을 더 줄여야 한다면 60, 세부를 더 남기고 싶다면 95를 확인하세요. 아래 결과는 이 사진 한 장의 실측이며 모든 자연 사진에서 같은 비율로 줄어든다는 뜻은 아닙니다.
같은 부분을 직접 비교하세요
JPG 품질 60에서는 PNG 기준보다 작은 잎의 질감이 뭉쳐 보이고 밝은 가지 주변의 경계가 거칠어집니다. 품질 85에서는 이 변화가 줄지만, 손실 압축이므로 기준과 완전히 같지는 않습니다. 밝은 햇빛 중심보다 주변의 가는 가지와 어두운 잎을 보세요.
전체 사진을 작은 화면에 맞추면 이런 차이가 잘 보이지 않을 수 있습니다. 실제 게시 크기에서 충분한지 먼저 보고, 확대된 세부와 결과 용량을 함께 판단하는 것이 좋습니다. 모니터·브라우저·화면 배율에 따라 보이는 차이는 달라질 수 있습니다.
품질 85 비교 · JPG 304.6 KB / WebP 285.6 KB
같은 위치의 320×240px 부분을 잘라 PNG로 저장했습니다. 비교용 조각의 용량은 아래 전체 파일 용량과 다릅니다. 화면이 좁으면 축소될 수 있으니 전체 결과 파일도 열어 확인하세요.
품질 60 비교 · JPG 173.4 KB / WebP 164.5 KB
같은 위치의 320×240px 부분을 잘라 PNG로 저장했습니다. 비교용 조각의 용량은 아래 전체 파일 용량과 다릅니다. 화면이 좁으면 축소될 수 있으니 전체 결과 파일도 열어 확인하세요.
품질 95 비교 · JPG 522.6 KB / WebP 503.4 KB
같은 위치의 320×240px 부분을 잘라 PNG로 저장했습니다. 비교용 조각의 용량은 아래 전체 파일 용량과 다릅니다. 화면이 좁으면 축소될 수 있으니 전체 결과 파일도 열어 확인하세요.
전체 파일의 실제 용량
같은 품질 숫자 85에서는 WebP가 JPG보다 6.3% 작았습니다. 다만 JPG는 브라우저 Canvas, WebP는 FFmpeg의 서로 다른 인코더를 쓰므로 ‘85’가 같은 화질을 뜻하지 않습니다. 이 표는 설정별 실측이지 동일 화질에서의 코덱 우열 비교가 아닙니다.
JPG 85에서 95로 올리면 304.6 KB에서 522.6 KB로 늘어납니다. 게시 화면에서 차이를 알아보기 어렵다면 큰 파일을 선택할 이유가 적습니다. 세밀한 잎을 크게 보여주는 사진이라면 높은 품질의 실익을 직접 확인하세요.
| 포맷 | 품질 설정 | 파일 크기 | PNG 대비 감소 | 실제 파일 |
|---|---|---|---|---|
| PNG 기준 | — | 2568.5 KB2,568,545 B | — | PNG 기준 다운로드 |
| JPG | 60 | 173.4 KB173,442 B | 93.2% | JPG 60 다운로드 |
| JPG | 85 | 304.6 KB304,648 B | 88.1% | JPG 85 다운로드 |
| JPG | 95 | 522.6 KB522,612 B | 79.7% | JPG 95 다운로드 |
| WEBP | 60 | 164.5 KB164,478 B | 93.6% | WEBP 60 다운로드 |
| WEBP | 85 | 285.6 KB285,554 B | 88.9% | WEBP 85 다운로드 |
| WEBP | 95 | 503.4 KB503,372 B | 80.4% | WEBP 95 다운로드 |
원본 JPG와 PNG 기준을 구분해야 하는 이유
제공처의 JPG는 3,136×2,091px, 4.98MB입니다. 이를 한 번만 1,200×800px로 축소해 PNG로 저장하고, 그 동일한 PNG를 여섯 변환의 입력으로 사용했습니다. 사진의 내용과 크기를 고정해 추가 압축의 차이를 비교하기 위한 방법입니다.
이미 JPG에서 사라진 정보는 PNG로 바꿔도 복구되지 않습니다. 사진을 PNG로 저장하면 용량만 커질 수도 있습니다. 위의 큰 감소율은 이 중간 PNG 대비 수치이며, 제공처 JPG와 비교하면 크기 조정 효과까지 섞이므로 같은 의미로 해석하면 안 됩니다.
투명 배경이나 글자가 중심인 이미지에서는 결과가 달라집니다. 사진의 결론을 로고·스크린샷에 그대로 적용하지 마세요. JPG는 투명도를 지원하지 않으므로 투명이 필요한 파일은 PNG 또는 이를 지원하는 WebP를 사용해야 합니다.
같은 파일로 직접 재현하기
측정일은 2026년 9월 21일이며 macOS의 Chrome 153에서 실행했습니다. 사이트와 동일한 변환 유스케이스와 어댑터를 로컬 브라우저에서 호출했습니다. JPG는 Canvas JPEG, WebP는 사이트에 포함된 FFmpeg WASM 엔진을 사용했습니다.
6개 결과를 모두 브라우저에서 다시 디코딩해 1,200×800px인지 확인했습니다. 비교 부분은 기준 이미지 좌측 상단에서 x=440, y=280 지점의 320×240px이며, 추가 손실 압축 없이 PNG로 저장했습니다. 실행 시간은 최초 엔진 로딩 등의 영향을 받아 속도 비교 근거로 사용하지 않았습니다.
- PNG 기준 파일 (2568.5 KB)을 내려받습니다.
- PNG → JPG 변환기에서 파일을 선택하고 품질을 60·85·95로 바꿔 각각 변환합니다.
- 너비·높이는 비워 두고 원본 크기를 유지합니다. 이 사진에는 투명 영역이 없으며 배경색은 기본 흰색으로 둡니다.
- PNG → WebP 변환기에서도 같은 기준 파일과 품질 값으로 반복합니다.
- 결과를 연 뒤 잎·잔가지의 선명도와 실제 바이트 수를 비교합니다. 다른 브라우저 버전에서는 JPG 결과가 달라질 수 있습니다.
어떤 결과를 고르면 좋을까요?
| 사용 목적 | 먼저 확인할 결과 | 결정 기준 |
|---|---|---|
| 일반 블로그의 자연 사진 | JPG 85 / WebP 85 | 실제 표시 크기에서 잎과 가지가 충분히 선명한지 확인 |
| 작은 미리보기·용량 제한 | JPG 60 / WebP 60 | 축소 화면에서 거친 경계와 뭉개짐이 거슬리지 않는지 확인 |
| 크게 감상하는 사진 | 품질 95와 제공처 원본 | 추가 용량만큼 디테일 보존이 필요한지 확인 |
| 편집·보관 | 가지고 있는 촬영 원본 | 손실 포맷을 반복 변환하지 않고 원본을 별도 보관 |
이 사례에서 WebP 85는 JPG 85보다 조금 작아 웹 게시용 후보로 삼을 만합니다. 하지만 업로드할 서비스가 WebP를 받지 않으면 JPG가 실용적입니다. 용량이 가장 작다는 이유만으로 선택하지 말고, 지원 포맷과 실제 보이는 결과를 함께 보세요.
사진 출처와 이용 조건
사진은 SpessiG의 Landscape of a wild forest입니다. Wikimedia Commons의 파일 설명에서 CC0 1.0 공개를 확인했습니다. 사진의 상업적 이용·수정·재배포가 허용됩니다.
사진을 직접 촬영한 것으로 소개하지 않습니다. 이 사이트에서는 제공 사진의 축소, 포맷 변환, 비교 부분 자르기와 결과 분석을 수행했습니다. 제공처 원본 JPG (4.98MB)와 실측 기록 JSON도 내려받을 수 있습니다.
근거와 추가 읽을거리
아래는 포맷·브라우저 동작을 확인할 때 참고한 공식 문서입니다. 외부 문서의 전체 지원 범위와 이 사이트의 실제 빌드 지원 범위는 같지 않을 수 있습니다.