JPG PNG WebP 차이 - 이미지 형식 선택 가이드

사진, 투명도, 호환성을 기준으로 비교하세요

JPEG, PNG, WebP 이미지 형식의 특성 비교
형식	잘 맞는 이미지	투명 배경	기억할 점
`JPEG`	일반 사진, 문서 촬영본	지원하지 않음	호환성이 넓고 사진 용량을 줄이기 쉬움
`PNG`	로고, 도형, 스크린샷	지원	선과 글자가 또렷하지만 사진은 커질 수 있음
`WebP`	웹 사진, 투명 웹 이미지	지원	용량과 화질의 균형이 좋지만 제출처 지원 확인 필요

“가장 좋은 형식” 하나가 있는 것은 아닙니다. 원본이 무엇인지와 결과를 어디에서 사용할지가 선택 기준입니다.

같은 600×400px 투명 일러스트에 ‘제출용 JPG’와 ‘웹용 WebP’를 각각 적용했습니다. JPG는 품질 85%·흰 배경, WebP는 품질 80%입니다. 체크무늬는 투명 영역을 구분하기 위한 화면 배경이며 파일 자체에는 들어 있지 않습니다.

형식별 용량 순서는 이미지마다 달라집니다. 투명도와 제출처의 허용 형식을 함께 비교하세요. 가뿐픽이 직접 그린 연습용 일러스트를 실제 도구로 처리한 결과입니다. 사진과 브라우저에 따라 용량·품질은 달라집니다.

원본·결과 파일로 직접 비교하기

형식 변환에서 직접 적용하기. 투명한 파일을 PNG로 저장하려면 ‘투명 배경 유지 · PNG’를 선택하세요. 이미 흰 배경이 있는 JPG에서 배경이 자동으로 사라지지는 않습니다.

JPEG는 색이 부드럽게 이어지는 인물, 풍경, 상품 사진에 잘 맞습니다. 저장 품질을 조절해 용량을 크게 줄일 수 있고 대부분의 웹사이트와 문서 프로그램에서 널리 지원됩니다.

대신 저장할 때 일부 이미지 정보를 덜어내는 손실 압축을 사용합니다. 같은 파일을 반복해서 열고 저장하면 가장자리나 작은 글자 주변에 흔적이 늘 수 있습니다. 편집 중간 파일보다 최종 배포본에 사용하는 편이 좋습니다.

JPEG가 잘 맞는 경우

증명사진, 휴대폰 사진, 게시물 대표 사진, 투명 배경이 필요 없는 문서 첨부

PNG는 로고, 아이콘, 도표, 글자가 많은 스크린샷처럼 색 경계가 뚜렷한 이미지에 적합합니다. 투명 영역을 보존할 수 있어 다른 배경 위에 이미지를 겹쳐 놓을 때 유용합니다.

복잡한 사진을 PNG로 저장하면 JPEG보다 훨씬 커질 수 있습니다. “PNG면 무조건 고화질”이라는 뜻도 아닙니다. 이미 JPEG에서 사라진 세부 표현은 PNG로 바꿔도 복원되지 않습니다.

WebP는 사진형 이미지와 투명 이미지 모두 다룰 수 있으며, 웹페이지에서 전송 용량을 줄이는 데 자주 사용됩니다. 블로그나 쇼핑몰이 WebP 업로드를 지원한다면 같은 화면 품질에서 더 가벼운 결과를 얻을 가능성이 있습니다.

다만 공공기관, 채용 사이트, 오래된 편집 프로그램은 허용 확장자를 JPEG나 PNG로 한정할 수 있습니다. 웹에서 잘 보인다는 이유만으로 제출용까지 WebP를 선택하지 말고 업로드 안내를 먼저 확인하세요.

파일명을 photo.png에서 photo.jpg로 고치는 것만으로 내부 형식은 바뀌지 않습니다. 이미지 형식 변환 도구처럼 이미지를 다시 인코딩하는 과정이 필요합니다.

JPEG는 투명을 저장하지 못합니다. 투명 영역을 흰색이나 원하는 단색과 합성한 뒤 저장해야 합니다. 가뿐픽은 기본 흰색을 사용하고 사용자가 배경색을 바꿀 수 있도록 합니다.

PNG 사진을 JPEG나 WebP로 바꾸면 용량이 줄 가능성이 크지만, 모든 이미지에 같은 비율로 적용되지는 않습니다. 변환 후 용량 줄이기 도구에서 실제 KB·MB와 미리보기를 확인하세요.

형식 변환은 저장 방식을 바꾸는 작업입니다. 작은 JPEG를 큰 PNG로 바꾸거나 WebP로 재저장해도 없어진 디테일이 되살아나지는 않습니다. 가능하면 가장 품질이 좋은 원본에서 최종 형식으로 한 번 변환하세요.