JPG / PNG / WebP 차이와 선택 기준
사진, 로고, 투명 배경, 스크린샷의 특성에 맞춰 JPG, PNG, WebP 중 적절한 포맷을 고르고 호환성을 확인하는 기준을 정리합니다.
이미지 최적화에서 포맷 선택은 품질 슬라이더만큼 중요합니다. 같은 사진이라도 JPG, PNG, WebP 중 무엇으로 저장하느냐에 따라 파일 크기와 선명도가 크게 달라집니다. 포맷을 잘못 고르면 압축을 해도 용량이 줄지 않거나, 투명 배경이 사라질 수 있습니다.
JPG는 사진처럼 색상 변화가 자연스럽고 복잡한 이미지에 적합합니다. 손실 압축을 사용하기 때문에 용량을 크게 줄일 수 있지만, 반복 저장하거나 품질을 과하게 낮추면 경계면과 그라데이션에 압축 흔적이 생길 수 있습니다.
PNG는 투명 배경, 로고, 아이콘, UI 캡처처럼 선명한 경계가 중요한 이미지에 강합니다. 다만 사진을 PNG로 저장하면 용량이 커지기 쉽습니다. 투명도가 필요한 이미지라면 PNG와 WebP 결과를 비교해 더 작은 쪽을 선택하는 것이 좋습니다.
WebP는 손실/무손실 압축과 투명도를 모두 지원하는 현대적인 웹 이미지 포맷입니다. 최신 브라우저에서는 널리 지원되며, JPG나 PNG보다 작은 결과가 나오는 경우가 많습니다. 단, 일부 오래된 편집 프로그램이나 플랫폼 호환성은 확인해야 합니다.
- 일반 사진은 JPG 또는 손실 WebP를 먼저 테스트합니다.
- 투명 로고는 PNG 또는 투명 WebP를 사용합니다.
- UI 캡처는 글자가 흐려지지 않는지 가장 먼저 확인합니다.
- 호환성이 중요한 첨부 파일은 JPG가 안전한 선택일 수 있습니다.
- 최종 선택은 용량, 품질, 업로드 위치의 지원 여부를 함께 봅니다.
포맷 결정 기준
쉽게 말하면
사진은 JPG나 WebP가 잘 맞고, 투명 로고나 캡처는 PNG 또는 투명 WebP를 봐야 합니다. 포맷은 유행보다 이미지 역할에 맞춰 고르는 게 안전합니다.
비즈니스 기준
최종 포맷은 파일 크기, 투명도 유지, 텍스트 선명도, 업로드 대상 호환성을 기준으로 결정합니다. 외부 제출용과 웹 게시용 파일은 서로 다른 포맷 정책을 적용할 수 있습니다.
- 사진형 이미지는 JPG와 WebP 비교
- 투명 자산은 PNG와 투명 WebP 비교
- 제출·메일·협업 파일은 호환성 우선
사진과 그래픽을 구분해야 하는 이유
사진은 색상이 연속적으로 변하는 영역이 많아 손실 압축을 적용해도 자연스럽게 보이는 경우가 많습니다. 반면 로고, 아이콘, UI 캡처는 선과 글자가 또렷해야 하므로 포맷과 품질 선택이 더 민감합니다. 이미지가 사진인지 그래픽인지 먼저 구분하면 압축 실패를 줄일 수 있습니다.
실무에서 가장 안전한 결정법
최종 결정은 원본 용량, 결과 용량, 시각 품질, 업로드 위치의 지원 여부를 함께 보는 것입니다. WebP가 작게 나오더라도 사용하려는 플랫폼이 지원하지 않으면 JPG나 PNG가 더 적합합니다. 반대로 웹사이트에 직접 게시하는 이미지라면 WebP가 페이지 속도 개선에 유리할 수 있습니다.
투명 배경과 글자 선명도 확인
포맷을 바꿀 때 가장 먼저 확인할 것은 투명 배경 유지 여부와 글자 선명도입니다. JPG는 투명도를 지원하지 않으므로 로고나 누끼 이미지에는 적합하지 않습니다. PNG는 선명하지만 사진에서는 용량이 커질 수 있고, WebP는 효율적이지만 사용처의 지원 여부를 확인해야 합니다.
파일 확장자만 바꾸는 것은 변환이 아닙니다
파일 이름의 확장자만 바꾼다고 이미지 포맷이 바뀌지는 않습니다. 실제 변환은 브라우저나 이미지 처리 도구가 픽셀 데이터를 새 포맷으로 다시 저장하는 과정입니다. 따라서 변환 후에는 파일 크기와 MIME 타입, 실제 미리보기 결과를 함께 확인하는 것이 안전합니다.
포맷 선택을 팀 기준으로 만들기
혼자 운영하는 사이트가 아니라면 포맷 선택 기준을 팀 안에서 통일하는 것이 좋습니다. 상품 사진은 WebP, 제출용 파일은 JPG, 투명 로고는 PNG처럼 기준을 정하면 작업자마다 다른 결과를 만드는 일을 줄일 수 있습니다. 일관된 기준은 사이트 품질 관리에도 도움이 됩니다.
포맷을 고를 때 파일 크기보다 먼저 보는 것
관찰한 결과
고정 테스트는 사진, 작은 글자가 있는 UI 캡처, 투명 그래픽을 분리해 비교합니다. 같은 품질값이라도 사진의 질감, 글자의 선명도, 투명 가장자리는 서로 다른 방식으로 손상될 수 있었습니다.
실패하기 쉬운 경우
투명 그래픽을 JPG로 바꾸면 투명도가 사라지고, 사진을 PNG로 남기면 기대만큼 작아지지 않을 수 있습니다. WebP가 더 작더라도 제출 시스템이나 편집 도구가 지원하지 않으면 결과 파일은 쓸모가 없습니다.
이 페이지의 판단 기준
사진은 JPG와 WebP를, 투명 자산은 PNG와 투명 WebP를 같은 표시 크기에서 비교합니다. 최종 포맷은 파일 크기, 확대 품질, 업로드 대상의 지원 여부를 모두 확인한 뒤 결정합니다.
원본과 결과 파일은 압축 테스트 결과 페이지에서 직접 비교할 수 있습니다. 이미지 파일명과 alt 텍스트는 페이지 맥락에 맞게 설명적으로 작성하는 것을 권장합니다. Google 이미지 SEO 가이드
PNG를 JPG로 바꾸면 왜 배경이 하얗게 되나요?
JPG는 투명도를 지원하지 않기 때문입니다. 투명 배경을 유지해야 한다면 PNG 또는 투명 WebP를 선택해야 합니다.