JPG PNG WebP 차이: 어떤 이미지 형식을 써야 할까?

JPG vs PNG vs WebP — 세 가지 이미지 형식은 각각 다른 목적을 위해 만들어졌습니다. 잘못된 형식을 쓰면 파일 크기가 불필요하게 커지거나 화질이 불필요하게 떨어집니다. 이 가이드는 혼란을 정리하고, 어떤 상황에서 어떤 형식을 써야 하는지 정확히 알려 드립니다.

간단 요약

| 형식 | 가장 적합한 용도 | 압축 방식 | 투명도 | 브라우저 지원 | |---|---|---|---|---| | JPG | 사진, 스캔본 | 손실 압축 | 미지원 | 모든 환경 | | PNG | 스크린샷, 로고, 텍스트 | 무손실 압축 | 지원 | 모든 환경 | | WebP | 웹 이미지, 최신 앱 | 손실 + 무손실 | 지원 | 모든 최신 브라우저 |

JPG(JPEG) — 사진을 위한 형식

JPG는 1992년에 만들어졌으며 지금도 가장 폭넓게 지원되는 이미지 형식입니다. 손실 압축을 사용해, 사람의 눈이 가장 덜 민감한 이미지 정보를 버려서 작은 파일 크기를 만들어 냅니다.

손실 압축의 원리: JPG는 이미지를 8×8 픽셀 블록으로 나누고, 저주파 콘텐츠(그라데이션, 넓은 색 영역)보다 고주파 디테일(미세한 질감, 날카로운 가장자리)을 더 강하게 버립니다. 높은 화질 설정에서는 알아챌 수 없습니다. 낮은 설정에서는 매끄러운 영역에 블록 모양으로 깨져 보이는 "JPEG 노이즈"가 나타납니다.

JPG를 쓰면 좋은 경우:

카메라나 휴대폰으로 찍은 사진
이미지가 포함된 스캔 문서
픽셀 단위의 완벽한 화질보다 파일 크기가 더 중요한 모든 이미지
색이 복잡하고 다양한 이미지 — 자연 사진, 인물 사진, 음식 사진

JPG를 쓰지 말아야 할 경우:

텍스트 스크린샷 — 압축 노이즈 때문에 글자가 흐릿해져 읽기 어렵습니다
단색 면으로 된 로고와 다이어그램 — PNG나 SVG가 더 깔끔합니다
투명도(알파 채널)가 필요한 이미지 — JPG는 지원하지 않습니다
여러 번 편집할 이미지 — 저장할 때마다 다시 압축되어 화질 손실이 누적됩니다

일반적인 파일 크기: 1,200만 화소 사진은 카메라 RAW로 약 4~6MB, 화질 85% JPG로 1~3MB, 화질 60~70% JPG로 200~400KB입니다.

PNG — 무손실 형식

PNG(Portable Network Graphics)는 1996년에 GIF의 무손실 대안으로 만들어졌습니다. 무손실 압축을 사용하므로 모든 픽셀이 그대로 저장되며, PNG의 압축을 풀면 원본과 동일한 데이터를 얻습니다.

PNG를 쓰면 좋은 경우:

모든 종류의 스크린샷 — 글자가 선명하고 읽기 쉽게 유지됩니다
단색 면과 뚜렷한 가장자리를 가진 로고, 아이콘, 다이어그램
투명도가 있는 이미지(다양한 배경 위의 로고, 오버레이)
픽셀 단위의 정확성이 필요한 아트워크
여러 번 편집하고 다시 저장할 이미지 — 화질 저하가 누적되지 않습니다

PNG를 쓰지 말아야 할 경우:

사진 — 사진의 PNG 파일은 눈에 띄는 화질 향상 없이 같은 JPG보다 보통 5~10배 큽니다
파일 크기가 우선인 모든 상황

PNG와 JPG 파일 크기 비교 예시: 1,200만 화소 사진을 PNG로 저장하면 10~20MB가 될 수 있습니다. 같은 사진을 화질 85% JPG로 저장하면 1~2MB로, 10배 작으면서도 사람 눈에는 화질 차이가 보이지 않습니다. 사진이라면 거의 항상 JPG가 정답입니다.

WebP — 최신 웹 형식

WebP는 Google이 개발해 2010년에 공개했습니다. 지금은 모든 최신 브라우저(Chrome, Firefox, Safari, Edge)와 대부분의 이미지 처리 도구에서 지원됩니다. WebP는 손실·무손실 압축은 물론 투명도(알파 채널)도 지원합니다.

웹에서 WebP가 JPG보다 좋은 이유:

손실 WebP 이미지는 같은 시각적 화질에서 JPG보다 25~35% 작습니다
무손실 WebP 이미지는 PNG보다 26% 작습니다
PNG처럼 투명도를 지원합니다
GIF처럼 애니메이션을 지원합니다(대개 더 작은 파일로)

WebP를 쓰면 좋은 경우:

웹사이트 이미지 — 파일이 작을수록 페이지가 빨리 열립니다
웹 앱과 모바일 앱
브라우저에 표시되는 모든 이미지
투명도와 작은 파일 크기가 모두 필요할 때(투명도는 PNG지만 용량이 큽니다. WebP는 둘 다 해결합니다)

WebP를 쓰지 말아야 할 경우:

어디서나 통하는 호환성이 필요할 때 — 오래된 소프트웨어(초기 버전의 Photoshop, 일부 데스크톱 앱, 메일 클라이언트)는 WebP를 지원하지 않을 수 있습니다
인쇄 제작 — 인쇄에는 TIFF나 고화질 JPG를 쓰세요

형식끼리 변환하는 방법

이 변환 기능은 이 사이트에서 무료로 이용할 수 있습니다. JPG PNG 변환과 PNG JPG 변환은 전부 브라우저 안에서 실행되므로 파일이 기기 밖으로 나가지 않습니다. 이미지 WebP 변환과 이미지 AVIF 변환은 저희 서버에서 처리됩니다(이미지는 HTTPS로 전송되어 변환된 뒤 삭제됩니다):

JPG PNG 변환 — JPG를 무손실 PNG로 변환합니다(편집용이며, JPG에 투명도가 생기지는 않는다는 점에 유의하세요)
PNG JPG 변환 — PNG를 더 작은 JPG로 변환합니다(사진, 이메일 첨부용이며, 투명한 영역은 흰색이 됩니다)
이미지 WebP 변환 — 이미지를 WebP로 변환해 더 작고 웹에 바로 쓸 수 있는 파일을 만듭니다
이미지 AVIF 변환 — 차세대 형식으로 변환합니다(WebP보다도 작고, 지원은 더 최근입니다)

AVIF — 차세대 형식

주된 비교 대상은 아니지만 AVIF도 짚고 넘어갈 만합니다. WebP의 후속 형식으로, 같은 화질에서 WebP보다 파일 크기를 25~50% 더 줄입니다. 2026년 기준 브라우저 지원은 넓은 편(Chrome, Firefox, Safari)이지만, 오래된 소프트웨어에서는 아직 보편적이지 않습니다.

최신 브라우저를 대상으로 하면서 최대한 압축하고 싶다면 이미지 AVIF 변환 변환기를 사용하세요. 이 변환기는 화질 80%로 인코딩합니다.

실전 선택 가이드

빠르게 올바른 선택을 하려면 이 순서를 따르세요:

사진인가요? → JPG(웹에서 쓴다면 WebP)
스크린샷, 로고, 다이어그램인가요? → PNG(웹에서 쓴다면 WebP)
투명도가 필요한가요? → PNG 또는 WebP
웹사이트에 올리나요? → WebP(오래된 브라우저를 위해 JPG/PNG를 대체로 준비)
인쇄용인가요? → 화질 95% 이상의 JPG 또는 TIFF
여러 번 편집하나요? → PNG나 TIFF로 작업하고, 최종 전달용으로 JPG/WebP로 내보내기