본문으로 건너뛰기
LocalMedia Tools

PNG vs JPG vs WebP — 어떤 이미지 포맷을 써야 할까요?

LocalMedia Tools ·

웹에 있는 거의 모든 이미지는 이 세 가지 포맷 중 하나이며, 각각은 그 대가로 서로 다른 것을 포기합니다. JPG는 눈이 알아채기 힘든 디테일을 과감히 버려 사진을 압축하고, PNG는 모든 픽셀을 원본 그대로 유지하면서 투명도를 더하며, WebP는 두 역할 — 손실 압축과 무손실 압축, 그리고 투명도까지 — 을 기존 두 포맷보다 대개 더 작은 파일로 해내려는 Google의 최신 포맷입니다. 잘못된 포맷을 고른다고 치명적인 문제가 생기는 경우는 드물지만, 페이지 로딩이 불필요하게 느려지거나 이미지가 눈에 띄게 흐릿하고 블록처럼 깨져 보이는 결과로 이어집니다. 이 가이드는 각 포맷이 실제로 내부에서 무엇을 하는지, 아이폰이 사진을 저장하는 형식인 HEIC는 이 그림에서 어디에 들어맞는지, 그리고 파일을 어디에도 업로드하지 않고 이들을 변환하거나 압축하는 방법을 정리합니다.

JPG란 무엇이고, 언제 사용해야 하나요?

JPG(JPEG로도 표기)는 손실 압축을 사용합니다. 이미지를 블록 단위로 분석해 사람 눈이 잘 알아채지 못하는 미세한 디테일과 색상 변화를 버리고, 디코딩할 때 근사치로 재구성합니다. 이 대가가 바로 JPG가 작은 이유입니다 — 압축하지 않으면 수 메가바이트가 될 사진도, 대부분의 사람이 원본과 구별하지 못하는 화질 설정에서 흔히 수백 킬로바이트로 압축됩니다. JPG에는 투명 채널이 없어 항상 불투명한 배경 위에 렌더링되며, 날카로운 가장자리 주변의 부드러운 블러가 두드러지는 스크린샷, 라인 아트, 텍스트에는 적합하지 않습니다. 파일 크기가 중요하고 배경이 있어도 되는 사진과 사진 같은 이미지 — 제품 사진, 인물 사진, 풍경 사진 — 에 JPG를 사용하세요.

PNG란 무엇이고, 언제 사용해야 하나요?

PNG는 무손실 압축을 사용합니다. 저장한 픽셀은 근사치 없이 정확히 그대로 돌아옵니다. 그래서 스크린샷, UI 목업, 로고, 다이어그램, 그리고 날카로운 텍스트나 딱딱한 가장자리를 담은 모든 이미지에는 PNG가 옳은 선택입니다. 이런 이미지는 손실 압축의 아티팩트가 가장자리 주변의 블러나 블록형 노이즈로 즉시 눈에 띄기 때문입니다. PNG는 또한 완전한 알파(투명도) 채널을 지원해서, 로고나 아이콘이 흰색이나 색이 있는 상자로 둘러싸이는 대신 진짜로 비치는 배경을 가질 수 있습니다. 대가는 용량입니다. PNG는 디테일을 버릴 수 없으므로, PNG로 저장한 사진은 같은 사진을 JPG로 저장했을 때보다 보통 몇 배나 크면서도 사진 피사체에서는 눈에 띄는 화질 향상이 없습니다.

WebP란 무엇이고, JPG·PNG와 어떻게 다른가요?

WebP는 두 기존 포맷을 한 번에 대체하기 위해 만들어진 최신 포맷입니다. 같은 파일 포맷 안에서 손실 압축과 무손실 압축을 모두 지원하고, PNG처럼 완전한 투명 채널도 지원합니다 — 그래서 포맷 하나로 압축된 사진, 무손실 스크린샷, 투명 로고를 모두 처리할 수 있습니다. 실제로 WebP 파일은 보통 동등한 화질의 JPG보다 25~35% 더 작으며, 무손실 WebP도 같은 이미지를 PNG로 저장한 것보다 대개 더 작습니다. 브라우저 지원은 2020년대 초반부터 거의 보편화되어(모든 주요 브라우저가 네이티브로 렌더링합니다) WebP 사용을 막던 주된 과거의 반대 이유가 사라졌습니다. 남은 걸림돌은 브라우저 밖에서의 호환성입니다. 일부 구형 이미지 편집기, 오래된 CMS 플러그인, 인쇄나 디자인 워크플로는 여전히 WebP를 직접 열지 못하므로, 모든 곳에서 표준으로 삼기 전에 자신의 도구 체계를 확인해 볼 가치가 있습니다.

HEIC는 어디에 들어맞고, 변환해야 할까요?

HEIC는 iOS 11부터 아이폰이 사진에 기본으로 사용하는 포맷입니다 — 비슷한 화질에서 JPG보다 더 효율적으로 압축되어, 휴대폰에서 차지하는 공간이 더 적습니다. 문제는 화질이 아니라 호환성입니다. 많은 Windows 소프트웨어, 구형 Android 앱, 웹 양식, 이메일 클라이언트가 .heic 파일을 아예 열지 못하거나 어설프게 다룹니다. HEIC를 지원하지 않을 수도 있는 곳에 사진을 공유한다면 — 웹사이트에 업로드하거나, 어떤 기기를 쓰는지 모르는 사람에게 이메일을 보내거나, 오래된 소프트웨어에 올릴 때 — 가장 넓은 호환성을 위해 먼저 JPG로 변환하세요. 무손실 화질이나 투명도가 특별히 필요할 때만(일반 카메라 사진에서는 드문 경우입니다) PNG로 변환하세요. LocalMedia의 HEIC to JPG 변환 도구는 이 변환을 전부 브라우저 안에서 처리하므로, 사진은 내 기기에서 읽혀 변환된 뒤 어디에도 업로드되지 않고 다시 저장됩니다.

용도별로 실제 어떤 포맷을 선택해야 하나요?

선택은 대개 이미지가 무엇을 담고 있고 어디로 가는지에 달려 있습니다. 웹에 올릴 사진이나 사진 같은 이미지라면, 플랫폼이 허용한다면 WebP를, 그렇지 않다면 JPG를 사용하세요. 스크린샷, 스캔한 문서, 다이어그램, 텍스트가 있는 이미지라면, 가장자리가 선명하게 유지되도록 PNG(또는 무손실 WebP)를 사용하세요. 투명 배경이 필요한 로고, 아이콘, 그래픽이라면, PNG나 WebP를 사용하세요 — JPG는 투명도를 아예 표현할 수 없으니 절대 쓰지 마세요. 오래된 소프트웨어, 이메일 클라이언트, 인쇄 워크플로와의 최대 호환성이 필요하다면, 최신 브라우저 밖에서는 WebP 지원이 여전히 일관되지 않으므로 JPG와 PNG가 가장 안전한 보편적 선택으로 남아 있습니다.

JPG를 반복해서 다시 저장하면 왜 화질이 나빠지나요?

JPG의 압축이 손실 압축이기 때문에, JPG를 열어 편집하고 다시 JPG로 저장할 때마다 포맷은 이미 처음에 버려진 디테일 위에 또 한 번 분석하고 버리는 과정을 반복합니다. 몇 번 편집하고 다시 저장하다 보면 누적된 손실이 부드러운 블러, 색상 밴딩, 가장자리 주변의 블록형 아티팩트로 눈에 띄게 되는데, 이를 흔히 세대 손실(generation loss)이라 부릅니다. PNG에서는 이런 일이 일어나지 않습니다. 무손실 압축은 몇 번을 다시 저장하든 디테일을 절대 버리지 않기 때문입니다. 사진을 여러 번 편집해야 한다면, 편집 중에는 PNG 등 무손실 마스터 사본을 유지하고 최종 전달을 위해 마지막에 딱 한 번만 JPG로 내보내세요.

이미지를 업로드하지 않고 변환하거나 압축하는 방법은?

JPG, PNG, WebP, HEIC 사이를 변환하거나 너무 큰 파일을 줄이는 작업은 이미지를 서버로 보낼 필요가 전혀 없습니다 — 브라우저는 대부분의 일반적인 이미지 포맷을 스스로 디코딩하고 다시 인코딩할 수 있습니다. LocalMedia의 이미지 포맷 변환 도구는 내 브라우저 탭 안에서 직접 JPG, PNG, WebP 사이를 전환하며, 이미지 압축 도구는 화질이나 크기를 조정해 파일 크기를 줄입니다. 둘 다 파일이 내 기기를 벗어나는 일이 전혀 없습니다. 직접 확인해 볼 수 있습니다. 브라우저의 DevTools(F12)를 열고 네트워크 탭으로 이동한 뒤 파일을 변환하거나 압축하는 동안 업로드 요청이 있는지 지켜보세요 — 진짜 로컬 도구는 아무것도 보내지 않습니다.

관련 도구

자주 묻는 질문

PNG와 JPG 중 어느 쪽이 더 나은가요?
어느 쪽도 무조건 더 낫다고 할 수 없습니다 — 서로 다른 콘텐츠를 위해 만들어졌기 때문입니다. JPG의 손실 압축은 사진을 훨씬 작게 만들어 주는 반면, PNG의 무손실 압축은 스크린샷, 텍스트, 그래픽을 블러 없이 유지하고 JPG에는 전혀 없는 투명도 지원을 더해 줍니다. 사진에는 JPG를, 날카로운 가장자리·텍스트·투명 배경이 있는 이미지에는 PNG를 사용하세요.
WebP가 JPG보다 나은가요?
파일 크기와 화질 면에서는 대체로 그렇습니다. WebP는 보통 동등한 화질의 JPG보다 25~35% 더 작은 파일을 만들고, JPG가 전혀 할 수 없는 투명도와 무손실 압축도 지원합니다. WebP 파일을 열지 못하는 구형 소프트웨어나 워크플로와의 호환성이 필요할 때만 여전히 JPG를 선택할 이유가 됩니다.
WebP는 투명도를 지원하나요?
네. WebP는 손실 모드와 무손실 모드 모두에서 완전한 알파 투명 채널을 갖추고 있어서, 투명 로고와 아이콘에서 PNG를 대체하면서도 대개 더 작은 파일을 만들어 낼 수 있습니다.
HEIC를 JPG로 변환해야 하나요, PNG로 변환해야 하나요?
거의 모든 경우 JPG로 변환하세요 — 더 작고 어디서나 호환되어, 카메라 사진에 필요한 조건과 맞아떨어집니다. 무손실 화질이나 투명 배경이 특별히 필요할 때만 PNG로 변환하세요. 일반적인 사진에서는 흔치 않은 경우입니다.
어떤 포맷이 가장 작은 파일을 만드나요?
사진의 경우, 손실 WebP가 보통 가장 작고, 그다음이 JPG이며, PNG는 훨씬 큽니다. 스크린샷, 텍스트, 라인 아트의 경우, 무손실 WebP가 보통 가장 작고, 그다음이 PNG입니다. JPG의 손실 압축은 파일 크기와 상관없이 날카로운 가장자리에 잘 맞지 않기 때문입니다.
화질 손실 없이 PNG, JPG, WebP 사이를 변환할 수 있나요?
무손실 포맷(PNG)에서 다른 무손실 설정으로 변환하면 화질이 정확히 그대로 보존됩니다. 손실 포맷(JPG, 손실 WebP)으로 변환하거나 손실 포맷끼리 변환할 때는 항상 이미지가 다시 압축되므로, 변환할 때마다 약간의 화질 손실이 생깁니다. 이미지를 두 번 이상 변환하거나 편집할 예정이라면 무손실 마스터 사본을 보관해 두세요.