아브레다THE PRACTICAL WEB
알아두면 좋은 정보아브레다 콘텐츠

JPG·PNG·WebP 차이: 어떤 이미지 형식을 선택해야 할까?

사진·문서 캡처·투명 배경 이미지에 JPG, PNG, WebP를 어떤 기준으로 사용하는지 브라우저 공식 기술 문서를 토대로 정리합니다.

사진 파일을 편집하고 형식을 비교하는 작업 환경
관련 작업 환경을 보여주는 자료 사진입니다. 실제 아브레다 화면이 아닙니다. · 사진 출처: Unsplash 원본

무엇이 문제인가요?

사진을 업로드할 때 JPG로 바꾸면 모두 좋아진다거나 PNG라면 언제나 화질이 좋다는 식의 설명은 정확하지 않습니다. 이미지에 담긴 내용과 투명 배경 필요 여부, 받는 곳의 지원 형식을 먼저 확인해야 합니다.

순서대로 해결하기

  1. 일반 사진에는 JPG를 먼저 비교하세요

    JPG는 손실 압축을 사용하므로 사진을 작게 저장하기에 유용합니다. 그러나 글자나 얇은 선이 많은 화면 캡처에서는 경계가 흐려 보일 수 있으니 결과를 직접 확인하세요.

  2. 투명 배경·선명한 글자에는 PNG를 검토하세요

    PNG는 무손실 압축과 투명 영역을 지원합니다. 로고, 도형, 화면 캡처처럼 경계가 중요한 콘텐츠에서 후보가 될 수 있지만 사진에서는 용량이 크게 나올 수 있습니다.

  3. WebP를 선택할 때 지원 여부를 확인하세요

    WebP는 손실·무손실 방식과 투명 배경을 모두 지원합니다. 웹페이지에서 유용하지만 제출처가 JPG나 PNG만 허용한다면 해당 조건을 우선 따라야 합니다.

  4. 원본과 변환 결과를 나란히 검수하세요

    형식을 결정했다면 결과 파일을 실제 사용할 화면에서 열어 보세요. 픽셀 크기, 확대했을 때의 글씨 가독성, 파일 용량과 투명 영역을 모두 확인해야 합니다.

다른 해결 방법

제출 사이트가 특정 형식을 요구한다면 형식별 장점을 비교하기보다 공식 업로드 규정을 먼저 따르세요. 파일 확장자만 바꿔도 이미지 인코딩 자체가 바뀌지는 않습니다.

해결되지 않는 경우

같은 형식이라도 저장 설정과 이미지 내용에 따라 실제 크기와 화질은 달라집니다. 특정 형식이 모든 사진에서 더 작거나 더 선명하다고 단정할 수 없습니다.

자주 묻는 질문

투명 배경을 JPG로 저장하면 어떻게 되나요?

JPG 형식은 투명도를 지원하지 않습니다. 투명 영역이 필요한 경우 PNG 또는 투명도를 지원하는 WebP가 적합한지 확인하세요.

참고한 공식 원천 자료

다음 기관의 안내 내용을 확인해 작성했습니다. 상세 규정은 원문을 확인하세요.

← 블로그 전체 글English version →