JPG·PNG·WebP 중 어떤 형식으로 저장해야 할까?

먼저 이미지의 목적을 고르세요

파일이 작다는 이유만으로 형식을 결정하지 마세요. 투명 배경이 필요한 로고, 제출 형식이 정해진 증명사진, 작은 글자가 많은 화면 캡처는 서로 다른 조건을 갖습니다. 다음 표는 비교를 시작할 기준입니다.

이미지와 목적	먼저 비교할 형식	확인할 부분
일반 사진, 제출용 사진	JPG	제출처 허용 여부와 압축 흔적
투명 로고, 아이콘	PNG	가장자리와 배경 투명도
글자가 많은 스크린샷	PNG	작은 글자와 가는 선
웹에서 사용할 사진·그래픽	WebP와 기존 형식	실제 용량, 품질, 사용하는 서비스의 지원

일반적인 JPEG는 손실 압축이고 알파 투명도를 지원하지 않습니다. PNG는 무손실 압축과 투명도를 지원합니다. MDN의 이미지 형식 안내를 바탕으로 한 구분입니다. PNG가 무손실이라는 말은 이미 손상된 JPG를 PNG로 바꾸면 원래 품질이 돌아온다는 뜻이 아닙니다.

WebP도 설정과 원본을 함께 봐야 합니다

WebP 형식은 손실·무손실 압축과 투명도를 지원합니다. 다만 형식이 지원하는 기능과 특정 변환 도구가 제공하는 옵션은 다릅니다. Tooliv의 품질 슬라이더를 100으로 올렸다는 이유만으로 무손실 WebP가 만들어진다고 가정하지 마세요. 형식의 특징은 Google의 WebP 문서에 정리되어 있습니다.

웹에서 열리는 형식이라도 파일을 받는 사내 시스템이나 제출 사이트에서 허용하지 않을 수 있습니다. 게시할 곳에서 WebP를 받는지 먼저 확인한 뒤 결과를 비교하세요. 이미지마다 압축 결과가 달라지므로 특정 비율만큼 작아진다는 보장은 할 수 없습니다.

투명 이미지와 애니메이션은 별도로 확인하세요

투명 PNG를 JPG로 바꾸면 투명 영역을 유지할 수 없습니다. 배경을 합성하는 방식에 따라 검은색 등 의도하지 않은 배경이 나타날 수 있습니다. Canvas 출력에서 알파를 지원하지 않는 형식의 처리 기준은 WHATWG 표준에 나옵니다. 배경색이 중요한 작업이라면 투명도를 지원하는 형식을 유지하거나 원본 편집기에서 원하는 배경을 먼저 넣으세요.

움직이는 GIF나 WebP는 정지 이미지와 구분해야 합니다. 출력 형식에 GIF·WebP가 보이더라도 모든 애니메이션 프레임을 보존한다는 뜻은 아닙니다. 이 글은 정지 이미지 변환을 기준으로 하며, 움직임이 중요한 파일은 변환 후 재생 여부를 직접 확인해야 합니다.

같은 원본으로 세 가지를 비교하는 방법

사진 한 장을 준비하고 같은 원본을 JPG·PNG·WebP로 각각 변환해 보세요. 비교할 항목은 확장자, 파일 크기, 가로·세로 픽셀, 같은 배율에서 보이는 품질입니다. 다음에는 투명 로고나 글자가 많은 이미지로 같은 비교를 해보면 사진과 결과가 다를 수 있습니다. 이는 사용자가 재현할 수 있는 비교 절차이며, 이 글에서 특정 파일의 압축률을 측정했다는 뜻은 아닙니다.

Tooliv는 변환 엔진을 먼저 시도하고 일부 경우 브라우저의 이미지 변환 기능을 사용합니다. 입력을 읽지 못하거나 출력 형식을 지원하지 않는 환경도 있을 수 있으므로 파일이 내려받아졌다는 사실만으로 확인을 끝내지 마세요. 다운로드한 파일이 원하는 앱에서 열리는지, 투명 배경과 작은 글자가 유지되는지까지 봐야 합니다.

형식만 바꾸려면 이미지 포맷 변환기로 돌아가세요. 형식은 맞는데 용량 제한을 넘는다면 크기와 화질을 조정하는 순서를 함께 적용하면 됩니다.