PNG vs JPG 차이점

“사진은 JPG, 로고는 PNG”라는 요약은 대체로 맞습니다. 그런데 “PNG가 JPG보다 5~10배 크다”는 흔한 설명이 스크린샷에도 통하는지는 재보기 전까지 몰랐습니다. 그래서 사진, 웹페이지 캡처, 단색 그래픽 세 장을 같은 방식으로 PNG·JPG·WebP로 저장해 용량과 화질을 측정했습니다.

결론부터 말하면, 용량 차이는 이미지 종류에 따라 1.4배에서 13.5배까지 벌어졌습니다. 포맷을 고르는 기준도 “무엇을 찍었나”에서 출발하는 게 맞았습니다.

어떻게 측정했나

• 사진: NASA가 공공 도메인으로 공개한 케네디우주센터 거북이 사진(Canon EOS 5D Mark IV, 원본 5522×4312)을 1920×1499로 줄여 사용
• 스크린샷: floor05 이미지 압축 페이지를 1920×1080으로 캡처 (흰 배경에 한글 본문이 많은 전형적인 웹 캡처)
• 그래픽: floor05 공유 이미지(1200×630, 단색 면과 글자로 된 이미지)

인코딩은 Chrome 151의 Canvas toBlob으로 했습니다. floor05 포맷 변환 도구가 브라우저에서 쓰는 것과 같은 경로라, 도구로 바꿨을 때 나오는 결과와 같은 조건입니다.

화질은 PSNR(최대 신호 대 잡음비)로 비교했습니다. 저장한 파일을 다시 열어 원본과 픽셀 값을 하나하나 비교한 수치로, 높을수록 원본에 가깝습니다. PNG는 다시 열어도 모든 픽셀이 원본과 같아서 값이 무한대로 나옵니다. 흔히 40dB를 넘으면 나란히 놓고 봐도 차이를 찾기 어려운 수준으로 봅니다.

측정 결과: 용량과 화질

KB는 1,000바이트 기준. dB는 PSNR이며 PNG는 무손실이라 표시하지 않았습니다.

1. ‘PNG가 훨씬 크다’는 사진에서만 맞았다

사진은 예상대로였습니다. PNG가 6.39MB, JPG 품질 90%가 0.73MB로 8.8배 차이가 났고, 품질 80%와 비교하면 13.5배였습니다. 사진은 픽셀마다 색이 조금씩 달라서 PNG의 무손실 압축이 거의 힘을 쓰지 못합니다. 메일 첨부 한도나 업로드 제한에 걸리는 건 대부분 이런 경우입니다.

스크린샷은 달랐습니다. PNG 176KB, JPG 90% 125KB로 1.4배 차이에 그쳤습니다. 흰 배경과 같은 색 글자가 넓게 반복되는 화면은 PNG가 원래 잘 압축합니다. JPG로 바꿔서 아끼는 용량이 50KB 남짓이라면, 글자를 원본 그대로 보존하는 PNG를 두는 편이 낫습니다.

그래픽도 비슷했습니다. PNG 28.6KB, JPG 90% 17.2KB로 1.7배 차이였고, 둘 다 이미 충분히 작은 크기였습니다.

2. 글자 이미지의 JPG 손상은 품질을 꽤 낮춰야 보인다

“스크린샷을 JPG로 저장하면 글자가 뭉개진다”는 말도 확인해 봤습니다. 같은 캡처의 본문 한 줄을 4배로 확대해 PNG, JPG 80%, JPG 40%를 나란히 놓았습니다.

품질 80%는 4배로 확대해도 PNG와 구분하기 어려웠습니다. PSNR도 43.5dB로 40dB를 넘었습니다. 차이가 눈에 띈 건 40%까지 내렸을 때였습니다. 글자 획 주변에 회색 얼룩이 번지고, 흰 배경이 군데군데 탁해집니다.

그러니 정확한 표현은 “JPG는 글자를 뭉갠다”가 아니라 “품질을 많이 낮춘 JPG는 글자 주변부터 티가 난다”입니다. 문서 캡처를 아주 작게 줄여야 할 때 품질 슬라이더를 끝까지 내리지 않는 이유입니다.

3. 다시 저장할 때의 손실은 생각보다 작았다

JPG는 저장할 때마다 화질이 떨어진다고들 합니다. 같은 품질(90%)과 같은 크기로 20번 연속해서 다시 저장하고, 매번 첫 원본과 비교했습니다.

사진은 20번 동안 1.5dB 내려갔고, 스크린샷은 다섯 번째 이후로 거의 변하지 않았습니다. 손실의 대부분은 처음 JPG로 만들 때 생기고, 같은 조건으로 다시 저장하면 조금씩 쌓이는 정도였습니다.

이번 측정은 품질과 크기를 바꾸지 않은 경우만 다뤘습니다. 실제 편집에서는 자르고, 줄이고, 다른 품질로 저장하는 일이 섞이니, 원본은 따로 두고 작업할 때마다 원본에서 시작하는 습관이 여전히 가장 안전합니다.

4. 투명 배경은 여전히 PNG의 몫

용량과 별개로, JPG에는 투명이라는 개념이 없습니다. 투명한 영역은 저장하는 순간 단색으로 채워집니다. 배경 없는 로고나 스티커처럼 다른 이미지 위에 올릴 파일은 PNG(또는 투명을 지원하는 WebP)로 둬야 합니다.

floor05 변환 도구로 투명 PNG를 JPG로 바꾸면 기본으로 흰색이 채워지고, 다른 색을 직접 고를 수도 있습니다. 어두운 배경의 슬라이드에 넣을 거라면 그 배경색을 미리 지정해 두면 테두리에 흰 띠가 생기지 않습니다.

5. 웹에 올릴 거라면 WebP가 세 경우 모두 가장 작았다

비교용으로 넣은 WebP는 세 이미지 모두에서 가장 작았습니다. 사진은 WebP 80%가 357KB로 JPG 80%(473KB)보다 25% 작으면서 PSNR은 조금 더 높았습니다. 스크린샷은 WebP 80%가 52KB로 PNG의 3분의 1 아래였고, 그래픽은 5.9KB로 PNG의 5분의 1 수준이었습니다.

다만 받는 쪽이 WebP를 열 수 있는지가 먼저입니다. 블로그나 웹사이트에 올리는 용도라면 WebP가 유리하고, 관공서 제출이나 오래된 프로그램으로 열어야 하는 파일이라면 JPG·PNG가 무난합니다. 자세한 비교는 WebP 가이드에 정리했습니다.

측정을 바탕으로 정한 선택 기준

사진이 PNG로 저장돼 있어 용량이 부담된다면 JPG로 바꾸는 것만으로 크게 줄어듭니다. 이미 JPG인데 더 줄여야 한다면 이미지 압축에서 목표 용량을 정해 품질을 맞추는 편이 빠릅니다.

자주 묻는 질문