JPG·PNG·WebP 차이와 고르는 방법

요약: 용도별 선택

이미지 종류	저장 형식	이유
사진(카메라·휴대폰)	JPG, 웹사이트용이면 WebP	손실 압축으로 사진 용량을 줄임
스크린샷, 그래프, 글자가 많은 이미지	PNG	무손실이라 글자와 선이 선명함
배경이 투명한 로고·아이콘	PNG 또는 WebP	둘 다 투명 배경 유지(JPG는 불가)
형식이 정해진 제출 양식	양식이 요구하는 형식	WebP를 받지 않는 양식이 아직 많음

세 형식의 차이

• JPG(JPEG) 는 손실 압축입니다. 눈에 잘 띄지 않는 세부를 버려 용량을 줄이므로 사진에 적합하지만, 글자나 가는 선 주변에는 번짐이 생깁니다. 투명 배경을 저장할 수 없습니다. 거의 모든 기기와 프로그램에서 열립니다.
• PNG 는 무손실 압축으로 모든 픽셀을 그대로 저장합니다. 스크린샷이나 단색이 많은 그림이 선명하게 유지되고 투명 배경도 지원합니다. 대신 사진을 PNG로 저장하면 같은 사진의 JPG보다 몇 배 커지는 것이 보통입니다.
• WebP 는 손실·무손실 압축과 투명 배경을 모두 지원합니다. 사진은 비슷한 화질에서 JPG보다 작아지는 경우가 많습니다. 주요 최신 브라우저는 표시할 수 있지만, 오래된 프로그램이나 일부 편집 앱·제출 양식은 받지 않습니다.

JPG를 PNG로 바꿔도 JPG 압축에서 이미 사라진 세부는 돌아오지 않습니다. 파일만 커집니다.

예시: 블로그 글에 넣을 이미지 준비

다음 두 파일이 있다고 해 봅시다.

1. bada.jpg — 휴대폰으로 찍은 4032 × 3024 사진
2. settings.png — 앱 설정 화면 스크린샷

권장하는 처리 방법은 다음과 같습니다.

• bada.jpg: 이미지 크기 변경으로 페이지에 실제 표시되는 너비(예: 1600px)로 줄인 뒤, 화질 80 정도의 WebP나 JPG로 저장합니다.
• settings.png: PNG 그대로 둡니다. JPG로 바꾸면 글자가 흐려집니다.

변환 도구 사용 순서

1. JPG·PNG·WebP 변환을 열고 이미지를 선택합니다(끌어다 놓아도 됩니다).
2. 변환할 형식에서 JPEG, PNG, WebP 중 하나를 고릅니다.
3. JPEG와 WebP는 화질을 조절합니다. 값을 낮출수록 작아지지만 손상도 눈에 띕니다.
4. 투명한 부분이 있는 이미지를 JPEG로 바꿀 때는 투명 부분 색상(JPG) 에서 흰색이나 검은색을 고릅니다. JPEG는 투명 배경을 저장할 수 없기 때문입니다.
5. 미리보기와 결과에 표시된 용량을 확인하고 이미지 저장을 누릅니다.

변환은 브라우저 안에서 이루어지며 이미지는 업로드되지 않습니다.

자주 생기는 문제

• WebP를 고를 수 없음: Safari 등 일부 브라우저는 WebP를 표시할 수는 있어도 웹 페이지에서 저장(생성)하지 못합니다. 이 도구는 실제로 저장할 수 있는 브라우저에서만 WebP를 보여 줍니다. WebP가 꼭 필요하면 다른 브라우저를 사용해 보세요.
• 투명하던 배경이 흰색(검은색)으로 바뀜: JPEG로 저장했기 때문입니다. 투명 배경을 유지하려면 PNG나 WebP를 고르세요.
• PNG로 바꿨더니 원래 JPG보다 훨씬 커짐: PNG는 픽셀을 손실 없이 저장하므로 정상입니다. 사진은 JPG나 WebP를 쓰세요.
• 촬영 위치 같은 정보가 사라짐: 변환할 때 이미지를 다시 그리기 때문에 위치 정보를 포함한 EXIF 등 메타데이터는 새 파일에 복사되지 않습니다. EXIF의 회전 정보는 저장 전에 반영되므로 사진 방향은 그대로입니다.
• 제출 양식에서 용량 초과가 남: 형식 변환만으로 부족하면 이미지 압축(KB 지정)으로 목표 용량을 지정하세요.