JPEG, WebP, PNG: 어떤 형식이 가장 작을까?

흔한 세 형식은 그림에 무엇이 담겼는지에 따라 전혀 다르게 동작합니다. 이 페이지를 위해 직접 인코딩한 그림의 실제 숫자와, 고르는 간단한 방법을 알려 드립니다.

한눈에 보기

짧은 답

  • 사진: JPEG, 사이트가 받아 주면 WebP. 승자가 그때그때 달라서 둘 다 시험해 보세요.
  • 스크린샷, 글자, 단순한 그래픽: WebP나 PNG. JPEG는 또렷한 가장자리를 흐리게 하고 여기서도 가장 작지 않은 경우가 많습니다.
  • 투명: PNG나 WebP. JPEG는 투명을 저장할 수 없습니다.
  • 업로드 양식: 모든 시스템이 받는 JPEG가 가장 안전합니다.

실제로 재 본 결과

PNG는 무손실이라 모든 픽셀을 그대로 보존합니다. 사진에서는 크기가 크고 단순한 그래픽에는 괜찮은 이유입니다. JPEG와 WebP는 손실 형식이라, 알아채기 어려운 디테일을 버리는 대신 훨씬 작은 파일을 줍니다.

PNG, JPEG, WebP 중 무엇을?

디테일이 많고 입자가 있는 사진

글자가 있는 단순한 스크린샷

손실 형식은 같은 화질 설정(80)으로 비교했습니다. 단순한 스크린샷에서는 WebP가 확실히 가장 작았습니다. 입자가 많은 사진에서는 JPEG와 WebP가 비슷했고 WebP가 더 작지 않았으니, 내 그림으로 직접 시험해 보세요.
기술 상세 보기

화질 설정은 어떻게 다른가

화질 숫자는 형식끼리 비교할 수 없습니다. WebP 80과 JPEG 80은 같은 그림이 아닙니다. 가장 안전한 방법은 용량 목표를 정하고 결과를 눈으로 비교하는 것이며, 압축기가 하는 일이 바로 한도에 들어가는 가장 높은 화질을 찾는 것입니다.

같은 그림, 다른 JPEG 화질

석양과 산, 풀밭을 그린 예제 사진 (화질 92)
화질 92112 KB
석양과 산, 풀밭을 그린 예제 사진 (화질 70)
화질 7043 KB
석양과 산, 풀밭을 그린 예제 사진 (화질 40)
화질 4022 KB
석양과 산, 풀밭을 그린 예제 사진 (화질 15)
화질 158 KB

같은 화질, 더 적은 픽셀 (화질 80)

석양과 산, 풀밭을 그린 예제 사진 (가로 640px)
가로 640px59 KB
석양과 산, 풀밭을 그린 예제 사진 (가로 320px)
가로 320px12 KB
석양과 산, 풀밭을 그린 예제 사진 (가로 160px)
가로 160px4 KB
이 용량들은 실제 값입니다. 모든 그림을 이 페이지를 위해 직접 인코딩했습니다. 화질 40 아래에서는 블록과 번짐이 보이기 시작하고, 가로를 절반으로 줄이니 파일이 약 4.7배 작아졌습니다.

호환성

  • JPEG와 PNG는 어디서나 열립니다.
  • WebP는 모든 최신 브라우저와 앱에서 열리지만 일부 오래된 프로그램, 메일 프로그램, 업로드 양식은 받지 않습니다.
  • 아이폰의 HEIC는 많은 웹사이트가 받지 않습니다. 올리기 전에 JPEG로 바꾸세요. 압축기가 대신 해 줍니다.

이 도구는 무엇을 하나

출력으로 JPEG나 WebP를 고릅니다. PNG는 고른 형식으로 바뀌며, JPEG에서는 투명한 부분이 흰색이 됩니다. 이미 용량 한도 이하인 이미지는 그대로 돌려드리지만 HEIC 사진은 항상 변환합니다.