JPG·PNG·WebP 차이, 언제 어떤 형식을 쓸까?

사진, 로고, 스크린샷을 저장하거나 보낼 때 JPG·PNG·WebP 중 무엇을 골라야 할지 헷갈리기 쉽습니다. 짧게 정리하면 사진을 어디서나 열리게 하려면 JPG, 투명 배경이나 글자·도표를 또렷하게 남기려면 PNG, 웹 페이지 이미지를 가볍게 하려면 WebP(또는 AVIF)가 알맞습니다. 받는 쪽이 어떤 형식을 지원하는지 모를 때는 JPG가 가장 무난합니다.

한눈에 비교

항목	JPG	PNG	WebP	AVIF
압축 방식	손실	무손실	손실·무손실	손실·무손실
투명 배경	지원 안 함	지원	지원	지원
움직이는 이미지	지원 안 함	APNG로 지원	지원	지원
주로 쓰는 곳	사진, 메일 첨부	로고, 스크린샷, 도표	웹 페이지 이미지	웹 페이지 이미지

MDN의 이미지 형식 안내를 바탕으로 정리했습니다.

JPG와 PNG: 사진이냐, 투명 배경·글자냐

JPG

JPG(JPEG)는 사진을 손실 압축하는 형식입니다. MDN은 JPG를 정지 이미지의 손실 압축에 알맞은 형식이자 현재 가장 널리 쓰이는 형식으로 소개합니다. 주요 브라우저가 모두 지원하므로 사진을 메일로 보내거나 제출할 때 기본으로 고르기 좋습니다.

단점은 투명 배경을 저장할 수 없다는 점입니다. 투명한 PNG를 JPG로 바꾸려면 투명한 부분을 다른 색으로 채워야 합니다. 기준 파일(투명 배경 PNG 800×600, 204 KB)을 JPG 품질 85로 바꾸자 투명한 부분이 흰색으로 채워지고 16 KB가 되었습니다(Chrome 데스크톱에서 측정, 기기·브라우저에 따라 다릅니다).

PNG

PNG는 무손실 압축 형식이고, W3C PNG 명세에 따라 투명도를 나타내는 알파 채널을 담을 수 있습니다. MDN은 원본을 더 정확하게 재현해야 하거나 투명도가 필요할 때 JPEG보다 PNG가 알맞다고 설명합니다. 로고, 아이콘, 스크린샷, 도표처럼 경계가 또렷해야 하는 이미지에 잘 맞습니다.

반대로 사진을 PNG로 저장하면 용량이 크게 늘어납니다. 기준 파일(4000×3000 JPG, 4.0 MB)은 PNG로 바꾸면 10.9 MB, 800×600 JPG(49 KB)는 398 KB가 되었습니다(Chrome 데스크톱에서 측정, 기기·브라우저에 따라 다릅니다). 또 JPG를 PNG로 바꿔도 JPG로 저장될 때 달라진 부분은 되살아나지 않고, 그 뒤로 화질이 더 떨어지지 않을 뿐입니다.

PNG도 색 수를 줄이면 가벼워집니다. PNG 명세는 1개에서 256개까지의 색을 담는 팔레트 방식(인덱스 컬러)을 정의하고 있고, 이미지 압축의 「색상 수 줄이기」가 이 방식으로 256색 이하로 줄입니다.

WebP와 AVIF: 웹용으로 더 가볍게

WebP는 손실·무손실 압축, 투명 배경, 애니메이션을 모두 지원하는 형식입니다. Google은 WebP 무손실 이미지가 PNG보다 26% 작고, 손실 이미지는 SSIM 화질 지표가 같은 JPEG보다 25–34% 작다고 밝힙니다. Chrome, Safari, Firefox, Edge, Opera 등 주요 브라우저가 기본으로 지원합니다.

AVIF도 손실·무손실 압축, 투명 배경, 애니메이션을 지원하며, MDN은 PNG나 JPEG보다 압축 효율이 훨씬 좋다고 설명합니다. 다만 브라우저 지원이 Chrome 85, Firefox 93, Safari 16.1, Edge 121부터여서, MDN은 AVIF를 쓸 때 더 널리 지원되는 형식을 대체 이미지로 함께 제공하라고 권합니다.

기준 파일(4000×3000 JPG, 4.0 MB)을 기본 품질로 변환하면 WebP(품질 85)는 1.8 MB, AVIF(품질 60)는 532 KB였습니다(Chrome 데스크톱에서 측정, 기기·브라우저에 따라 다릅니다). 다만 AVIF는 오래된 프로그램이나 브라우저에서 열리지 않을 수 있으니, 메일 첨부나 제출용이라면 받는 쪽의 지원 형식을 먼저 확인하세요.

움직이는 이미지에 흔히 쓰이는 GIF는 팔레트 색이 최대 256색입니다. MDN은 정지 이미지에는 PNG를, 애니메이션에는 WebP·AVIF·APNG를 고려하라고 권합니다.

상황별로 고르기

상황	알맞은 형식
사진을 메일·메신저로 보내거나 제출할 때	JPG
로고·아이콘처럼 투명 배경이 필요할 때	PNG (웹용이면 WebP도 가능)
스크린샷·도표처럼 글자가 많은 이미지	PNG
블로그·웹 페이지에 넣을 사진	WebP 또는 AVIF (JPG 대체 이미지와 함께)
아이폰 HEIC 사진을 다른 기기로 보낼 때	JPG로 변환

아이폰 HEIC 사진은?

아이폰 카메라의 포맷이 「고효율성」으로 되어 있으면 사진은 HEIF(High Efficiency Image File Format)로 저장됩니다. Apple은 HEIF가 JPEG보다 압축률이 높아, 같은 화질을 유지하면서 저장 공간을 덜 쓴다고 설명합니다. 대신 HEIF를 지원하지 않는 기기나 서비스에서는 열리지 않을 수 있으니, 보내거나 제출할 때는 JPG로 바꿔 두세요. 방법은 아이폰 HEIC 사진, JPG로 바꾸는 3가지 방법에서 정리했습니다.

ZEKILO Studio로 하기

1. 이미지 형식 변환에서 이미지를 놓거나 [파일 선택]으로 고릅니다. 넣는 즉시 변환이 시작됩니다.
2. [변환할 형식]에서 JPG(기본)·PNG·WebP·AVIF 중 하나를 고르고 필요하면 [품질]을 조절합니다(기본값 JPG·WebP 85, AVIF 60). JPG로 바꿀 때는 [투명한 부분 채우기]에서 [흰색]·[검정]·[직접 선택] 중 채울 색을 고릅니다.
3. [다운로드]로 저장합니다. 여러 장은 [모두 다운로드 (ZIP)]로 한 번에 받습니다.

변환은 브라우저 안에서 처리되어 파일이 기기 밖으로 나가지 않습니다. 움직이는 GIF·WebP는 첫 장면만 변환됩니다. 형식은 그대로 두고 용량만 줄이려면 이미지 압축을, 아이폰 사진을 JPG로만 바꾸면 된다면 HEIC JPG 변환을 이용하세요.

정리

• JPG는 사진용입니다. 어디서나 열리지만 투명 배경은 저장할 수 없습니다.
• PNG는 투명 배경·글자·도표용입니다. 사진을 PNG로 바꾸면 용량이 크게 늘어납니다.
• WebP·AVIF는 웹 페이지 이미지를 가볍게 할 때 씁니다. 받는 쪽이 지원하는지 먼저 확인하세요.
• 아이폰 HEIC 사진은 보내거나 제출하기 전에 JPG로 바꿔 두세요.