다됨

JPG, PNG, WebP는 뭐가 다를까요?

이미지를 저장하려고 하면 JPG, PNG, WebP 같은 선택지가 나와요. 셋 다 그림 파일인데 왜 여러 개가 있는지 궁금했을 거예요. 형식마다 압축하는 방식과 잘하는 일이 달라서 그래요. 하나씩 살펴볼게요.

한눈에 보는 차이

  • JPG: 손실 압축, 투명 배경 없음, 거의 모든 곳에서 열림. 사진에 잘 맞아요.
  • PNG: 무손실 압축, 투명 배경 지원, 거의 모든 곳에서 열림. 로고와 캡처 화면에 잘 맞아요.
  • WebP: 손실·무손실 모두 지원, 투명 배경 지원, 최신 브라우저에서 열림. 웹사이트용으로 좋아요.

손실 압축과 무손실 압축

압축 방식을 알면 나머지가 쉽게 이해돼요. 손실 압축은 사람 눈에 덜 띄는 정보를 덜어내서 용량을 줄여요. 한 번 덜어낸 정보는 되돌릴 수 없어요.

무손실 압축은 정보를 하나도 버리지 않고 더 짧게 적는 방식이에요. 압축을 풀면 원래와 똑같은 그림이 나와요. 대신 사진처럼 색이 복잡한 이미지는 많이 줄어들지 않아요.

JPG

JPG(JPEG)는 사진에 가장 많이 쓰이는 형식이에요. MDN은 JPEG를 정지 이미지의 손실 압축에 좋은 선택이라고 소개하고, 특히 사진에 유용하다고 설명해요. 거의 모든 기기와 프로그램에서 열린다는 것도 큰 장점이에요.

약점은 두 가지예요. 투명 배경을 저장하지 못하고, 글자나 선처럼 경계가 뚜렷한 그림에서는 테두리가 번져 보여요. 같은 파일을 여러 번 저장하면 손실이 쌓인다는 점도 기억해 두세요.

PNG

PNG는 무손실 형식이고 투명 배경을 완전히 지원해요. 로고, 아이콘, 화면 캡처, 글자가 들어간 안내 이미지처럼 가장자리가 또렷해야 하는 그림에 잘 맞아요. MDN도 화면 캡처, 도표, 로고에는 무손실 압축을 권해요.

사진을 PNG로 저장하면 용량이 커지는 편이에요. 사진의 미세한 색 변화까지 그대로 담기 때문이에요. 투명 배경이 필요한 게 아니라면 사진은 JPG나 WebP가 나아요.

WebP

WebP는 웹에서 쓰려고 만든 형식이에요. 구글 개발자 사이트에서 사양과 도구를 안내하고 있어요. 손실 압축과 무손실 압축을 모두 쓸 수 있고, 투명 배경과 움직이는 이미지도 지원해요. MDN에 따르면 손실 WebP는 비슷한 화질의 JPEG보다 평균 25~35% 작고, 무손실 WebP는 같은 PNG보다 보통 26% 작아요.

지금은 주요 브라우저 최신 버전에서 대부분 지원해요. 다만 오래된 프로그램이나 일부 업로드 창에서는 열리지 않을 수 있어요. MDN도 오래된 환경을 위해 JPG나 PNG를 함께 준비하라고 권해요.

AVIF라는 형식도 있어요

요즘은 AVIF라는 더 새로운 형식도 쓰이기 시작했어요. MDN은 웹용 이미지로 WebP나 AVIF를 먼저 고려하고, 사진은 JPG를 대비용으로 두라고 권해요. 구글 검색도 AVIF 이미지를 지원 형식으로 안내하고 있어요.

다만 AVIF는 WebP보다도 지원하는 프로그램이 적어요. 다됨의 형식 변환 툴도 지금은 JPG, PNG, WebP로만 저장해요. 처음이라면 세 가지 형식의 차이부터 익혀 두면 충분해요.

상황별로 고르는 법

  • 휴대폰 사진을 공유하거나 보관해요: JPG
  • 투명 배경 로고나 스티커를 만들어요: PNG
  • 글자가 많은 화면 캡처를 올려요: PNG
  • 내 블로그나 쇼핑몰 페이지를 빠르게 만들고 싶어요: WebP, 필요하면 JPG도 함께
  • 받는 사람이 어떤 프로그램을 쓸지 몰라요: JPG

형식을 바꾸고 싶다면 이미지 형식 변환에서 JPG, PNG, WebP 사이를 오갈 수 있어요. 투명한 PNG를 JPG로 바꿀 때는 투명한 부분을 채울 배경색도 고를 수 있어요.

자주 묻는 질문

JPG를 PNG로 바꾸면 화질이 좋아지나요?

아니요. 이미 덜어낸 정보는 돌아오지 않아요. PNG로 바꾸면 지금 상태 그대로 보존될 뿐이고, 용량은 오히려 커질 수 있어요.

WebP로 바꿨는데 용량이 더 커졌어요.

원본이 이미 강하게 압축된 JPG였거나, 품질 값을 높게 잡았을 수 있어요. 품질을 조금 낮춰 보거나 이미지 압축로 비교해 보세요.

확장자만 바꾸면 형식이 바뀌나요?

아니요. 파일 이름의 ".jpg"를 ".png"로 고쳐도 안의 내용은 그대로 JPG예요. 프로그램이 파일을 잘못 읽거나 열지 못할 수 있어요. 형식을 바꾸려면 변환 도구로 다시 저장해야 해요.

참고

관련 도구