이미지 형식, 왜 여러 가지가 있을까
카메라로 사진을 찍으면 JPG, 스크린샷은 PNG, 웹사이트 최적화에는 WebP. 형식이 이렇게 많은 건 각각 잘하는 일이 다르기 때문이다. 음식으로 치면 김치찌개와 된장찌개와 부대찌개가 있는 것처럼, 용도에 따라 최적의 선택이 달라진다. 어느 게 더 좋다기보다 쓰는 상황이 다른 셈이다.
JPG (JPEG)
JPG는 1992년에 만들어진 이미지 압축 표준으로, 세상에서 가장 널리 쓰이는 형식이다. "손실 압축" 방식을 쓰는데, 파일 크기를 줄이는 과정에서 일부 데이터를 버린다는 의미다. 품질 수치를 낮출수록 파일은 가벼워지지만 디테일이 뭉개지는 현상이 생기기 마련이다.
사진처럼 색상 변화가 풍부한 이미지에 효율적이고, 사실상 모든 기기와 프로그램에서 열 수 있다는 게 가장 큰 장점이다. 투명 배경은 지원하지 않고, 저장할 때마다 화질이 조금씩 떨어지는 세대 손실이 있다는 점은 알아둘 필요가 있다. 텍스트나 선이 있는 이미지에서는 번짐 현상이 눈에 띄기도 한다.
풍경 사진, 인물 사진, 음식 사진 같은 일반적인 사진이라면 JPG가 가장 무난한 선택이다. 블로그 본문 이미지나 SNS에 올릴 사진, 이메일 첨부용이라면 JPG로 저장하면 된다.
PNG
PNG는 "무손실 압축" 방식이다. 아무리 많이 저장해도 원본 화질이 유지된다. 가장 중요한 특징은 투명 배경(알파 채널)을 지원한다는 점으로, 로고나 아이콘처럼 배경이 투명해야 하는 이미지에는 사실상 필수 형식이다.
화질 손실이 없고 텍스트, 도표, 스크린샷에서 선명한 결과를 보여주지만, 파일 크기가 JPG보다 보통 3~10배 크다. 사진처럼 색이 복잡한 이미지에는 비효율적인 셈이다.
투명 배경이 필요한 로고나 아이콘, 스크린샷이나 UI 이미지, 텍스트가 포함된 그래픽이라면 PNG가 맞다. 정확한 색상 재현이 중요한 작업도 PNG를 쓰는 경우가 많다.
WebP
구글이 2010년에 개발한 비교적 새로운 형식인데, JPG의 장점인 작은 파일 크기와 PNG의 장점인 투명 배경을 둘 다 가져왔다. 같은 화질에서 JPG보다 25~35% 작은 파일을 만들 수 있고, 투명 배경도 지원하고, 애니메이션까지 지원한다. 손실·무손실 압축을 모두 선택할 수 있다는 것도 유연한 편이다.
몇 년 전만 해도 오래된 브라우저 호환성 문제가 있었는데, 지금은 거의 모든 주요 브라우저가 지원한다. 일부 이미지 편집 프로그램이나 SNS 플랫폼에서 아직 WebP 업로드를 허용하지 않는 경우가 있다는 점은 확인이 필요하다.
웹사이트에 올리는 이미지라면 WebP가 현재 시점에서 가장 효율적인 선택이다. 파일 크기를 최소화하면서도 투명 배경까지 필요한 상황이라면 더더욱 그렇다.
한눈에 비교
| 항목 | JPG | PNG | WebP |
|---|---|---|---|
| 압축 방식 | 손실 | 무손실 | 둘 다 |
| 투명 배경 | 불가 | 가능 | 가능 |
| 파일 크기 | 작음 | 큼 | 가장 작음 |
| 화질 유지 | 저장 시 손실 | 완벽 유지 | 설정 가능 |
| 호환성 | 최고 | 최고 | 높음 |
| 적합한 용도 | 사진 | 그래픽·스크린샷 | 웹 전반 |
실전 가이드: 상황별 추천
"블로그에 올릴 사진인데, 뭘로 저장해야 하나요?"
WebP가 첫 번째 선택이다. 파일 크기가 작아서 페이지 로딩이 빠르고 SEO에도 유리하다. 워드프레스 같은 CMS에서 WebP 업로드를 지원하지 않는다면 JPG로 가면 된다. 품질 85% 정도면 화질과 용량의 균형이 잘 맞는다. 이미지 용량 줄이기에서 더 자세한 설정법을 확인할 수 있다.
"로고를 만들었는데, 어떤 형식으로 저장할까요?"
PNG다. 투명 배경이 지원되어야 다양한 곳에 활용할 수 있고, 선명한 엣지도 유지된다. 웹 전용이라면 WebP도 좋은 선택이다.
"웹사이트를 만들고 있는데, 이미지 최적화를 하고 싶어요"
모든 이미지를 WebP로 변환하는 게 가장 효과적이다. 구글 PageSpeed Insights에서도 WebP 사용을 권장한다. 오래된 브라우저 대비가 필요하다면 JPG를 fallback으로 제공하는 방법이 있다.
"인쇄물에 들어갈 이미지는요?"
인쇄에는 JPG(고품질, 95% 이상)나 PNG를 쓰는 게 맞다. WebP는 인쇄 워크플로우에서 아직 널리 지원되지 않는다.
형식 변환은 어떻게
어떤 형식의 이미지든 Pixkit의 파일 변환 도구에서 JPG, PNG, WebP 사이를 자유롭게 변환할 수 있다. 아이폰 사진(HEIC)도 바로 변환된다. 브라우저에서 처리되니 별도 프로그램이 필요 없다.
WebP 형식의 기술적 배경이 궁금하다면 Google Developers의 WebP 공식 문서에서 자세한 내용을 확인할 수 있다.