파일 최적화

JPEG·PNG·WebP, 어떤 형식을 고를까

사진, 투명 로고, 스크린샷, 웹 배포 상황에 따라 JPEG·PNG·WebP의 압축과 호환성 차이를 선택합니다.

작성·검토: 픽셀핏 운영자
최초 게시 · 내용 업데이트 · 출처 확인

이런 상황에서 필요합니다

사진 용량은 줄여야 하지만 투명 배경이나 작은 글자를 지켜야 하고, 제출처와 브라우저가 받을 수 있는 형식도 함께 판단해야 할 때 읽어보세요.

사진은 JPEG, 투명도는 PNG부터 검토하기

JPEG는 사진에 적합한 손실 압축 형식이며 투명 채널을 지원하지 않습니다. PNG는 무손실 압축과 알파 투명도를 지원해 로고, 아이콘, 작은 글자가 있는 스크린샷에 적합합니다.

WebP는 손실·무손실과 투명도를 모두 지원하고 최신 브라우저에서 폭넓게 사용할 수 있습니다. 다만 제출처나 오래된 편집 프로그램이 WebP를 받는지는 별도로 확인해야 합니다.

형식 변환에서 사라질 수 있는 것

투명 PNG를 JPEG로 바꾸면 투명 영역을 채울 배경색이 필요합니다. 지정하지 않으면 브라우저나 도구에 따라 검정 또는 흰색처럼 예상하지 못한 결과가 생길 수 있습니다.

JPEG를 PNG로 바꿔도 이미 생긴 JPEG 압축 손실이 복원되지는 않습니다. 확장자만 바꾸는 것이 아니라 실제 픽셀을 새 형식으로 인코딩하고 MIME과 signature를 확인해야 합니다.

사용처가 요구하는 형식을 우선하기

공공기관 업로드, 앱 스토어, 소셜 플랫폼은 지원 형식을 직접 정합니다. 화질과 용량 비교보다 먼저 제출처가 JPEG·PNG·WebP 중 무엇을 허용하는지 확인하세요.

웹사이트에서는 WebP와 JPEG/PNG fallback을 함께 제공할 수 있습니다. 다운로드 파일은 변환 뒤 다시 열어 치수, MIME, 투명도, 실제 용량을 확인합니다.

  • 사진과 높은 호환성: JPEG
  • 투명 로고·선명한 글자: PNG
  • 웹 용량 최적화와 투명도: WebP
  • 제출처 지원 형식이 항상 우선

사용 사례별 형식 선택

하나의 절대적인 정답이 아니라 호환성, 투명도, 화질과 용량을 함께 보는 출발점입니다.
사용 사례우선 형식이유확인할 점
일반 사진 제출JPEG사진 압축·높은 호환성허용 용량과 품질
투명 로고PNG 또는 WebP알파 투명도사용처 WebP 지원
글자 있는 스크린샷PNG경계 보존용량이 크면 WebP 비교

사진을 기기 안에서 바로 처리하기

관련 도구

이미지 형식 변환 도구 열기

JPEG·PNG·WebP를 선택하고 투명 영역의 배경을 직접 정합니다.

도구 열기

출처와 확인일

MDN Web Docs
Image file type and format guide
출처 확인일
원문에서 최신 내용 확인

출처 확인일은 외부 문서를 마지막으로 확인한 날짜이고, 내용 업데이트일은 이 가이드 본문을 실제로 수정한 날짜입니다. 두 날짜가 같더라도 의미는 다릅니다.