JPG·PNG·WebP·AVIF 이미지 포맷 선택 — 투명도·용량·호환성 비교
웹사이트에 이미지를 올리거나 디자인 작업을 하다 보면 JPG, PNG, WebP, AVIF 중 어떤 포맷을 선택해야 할지 막막합니다. 각 포맷은 투명도 지원 여부, 압축 방식, 파일 크기, 브라우저 호환성에서 뚜렷한 차이가 있으며, 용도에 따라 적합한 선택이 달라집니다.
투명 배경이 필요한 경우
JPG는 투명도를 지원하지 않습니다. 사진을 JPG로 저장하면 투명 영역이 흰색이나 검은색으로 채워지므로, 로고나 아이콘처럼 배경이 투명해야 하는 이미지에는 사용할 수 없습니다.
PNG는 알파 채널을 지원하여 투명도를 완벽하게 표현합니다. 디자인 요소, UI 아이콘, 로고 등 배경이 투명해야 하는 모든 이미지는 PNG로 저장해야 합니다. 단, PNG는 압축 효율이 낮아 파일 크기가 JPG보다 2~5배 큽니다.
WebP와 AVIF도 투명도를 지원하며, PNG보다 파일 크기가 30~50% 작습니다. 투명 배경이 필요하면서 용량을 줄이고 싶을 때 WebP나 AVIF를 선택하면 되지만, 브라우저 호환성을 확인해야 합니다.
사진과 그림의 차이
JPG는 손실 압축 방식으로, 사진처럼 색상 변화가 부드러운 이미지에 적합합니다. 파일 크기를 크게 줄이면서도 육안으로 품질 저하가 거의 보이지 않습니다. 반면 선명한 경계선이 있는 그림, 텍스트, 도표는 JPG로 저장하면 경계 부근에 뭉개짐(artifact)이 생겨 품질이 떨어집니다.
PNG는 무손실 압축이므로 그림, 스크린샷, 텍스트가 포함된 이미지에 적합합니다. 색상 수가 적고 경계가 선명한 이미지일수록 PNG의 압축 효율이 높아지며, 원본 품질이 그대로 유지됩니다. 하지만 사진처럼 복잡한 이미지를 PNG로 저장하면 파일 크기가 지나치게 커집니다.
WebP는 손실·무손실 압축을 모두 지원하므로 사진과 그림 모두에 사용할 수 있습니다. 사진을 WebP 손실 압축으로 저장하면 JPG보다 25~35% 작고, 그림을 WebP 무손실로 저장하면 PNG보다 26% 정도 작습니다.
AVIF는 최신 압축 알고리즘으로 사진에서 특히 효율적입니다. 같은 품질 기준으로 JPG보다 50% 이상, WebP보다 20~30% 작은 파일을 만들 수 있습니다. 그러나 인코딩 속도가 느리고, 그림이나 단순한 이미지에서는 WebP와 차이가 크지 않습니다.
파일 크기와 압축 효율
같은 사진을 품질 손실 없이 저장할 때 일반적인 파일 크기 순서는 다음과 같습니다: PNG > JPG > WebP > AVIF. PNG는 무손실이므로 가장 크고, AVIF는 최신 압축 기술로 가장 작습니다.
JPG는 품질 설정(보통 0~100)에 따라 파일 크기를 조절할 수 있습니다. 웹용 이미지는 보통 80~85 품질이면 충분하며, 이 설정에서 원본 대비 70~90% 수준의 파일 크기를 만듭니다.
WebP는 손실 압축 모드에서 JPG 대비 25~35% 작고, 무손실 모드에서는 PNG 대비 26% 정도 작습니다. 손실·무손실을 선택할 수 있으므로, 용도에 따라 유연하게 사용할 수 있습니다.
AVIF는 압축 효율이 가장 뛰어나지만, 인코딩 시간이 WebP의 3~5배 소요되므로 대량의 이미지를 빠르게 변환해야 할 때는 부담이 됩니다. 또한 일부 이미지 편집 프로그램이 아직 AVIF 저장을 지원하지 않습니다.
브라우저와 플랫폼 호환성
JPG와 PNG는 모든 브라우저, 운영체제, 이미지 뷰어에서 지원됩니다. 호환성 걱정 없이 어디서나 사용할 수 있으며, 오래된 시스템이나 프린터에서도 문제없이 작동합니다.
WebP는 2010년 구글이 개발한 포맷으로, 현재 대부분의 주요 브라우저(Chrome, Edge, Firefox, Safari 14 이상)에서 지원됩니다. 그러나 구형 브라우저(IE 11, Safari 13 이하)와 일부 이메일 클라이언트에서는 표시되지 않습니다. 웹사이트에서 WebP를 사용할 때는 JPG나 PNG를 대체 이미지(fallback)로 함께 제공하는 것이 일반적입니다.
AVIF는 2019년에 표준화된 최신 포맷으로, Chrome 85+, Firefox 93+, Safari 16+(macOS 13+, iOS 16+)에서 지원됩니다. Edge는 2022년부터 지원합니다. Android 12 이상에서는 시스템 수준으로 지원하지만, 그 이전 버전과 Windows 10에서는 별도 코덱 설치가 필요합니다. 호환성이 제한적이므로, 웹에서 사용할 때는 WebP나 JPG를 대체 이미지로 함께 제공해야 합니다.
실무 선택 기준
투명 배경이 필요하고 호환성이 중요하면 PNG를 선택합니다. 로고, 아이콘, UI 요소는 대부분 PNG로 저장하며, 파일 크기가 문제가 되지 않는 한 가장 안전한 선택입니다.
사진을 웹에 올리고 최대한 작은 용량을 원하면 WebP를 우선 고려합니다. 대체 이미지로 JPG를 함께 준비하면 구형 브라우저에서도 문제없이 표시됩니다. AVIF는 용량을 더 줄일 수 있지만, 인코딩 시간과 호환성 부담이 있으므로 트래픽이 매우 많은 사이트에서 주로 사용합니다.
인쇄물이나 오프라인 자료는 JPG나 PNG를 사용합니다. WebP와 AVIF는 일부 프린터나 출력 장비에서 인식하지 못할 수 있으며, 인쇄 품질을 보장하려면 전통적인 포맷이 안전합니다.
FAQ
Q: WebP를 JPG로 다시 변환하면 품질이 떨어지나요? A: 이미 손실 압축된 WebP를 JPG로 변환하면 재압축이 일어나 품질이 추가로 떨어집니다. 원본 파일을 보관하고 있다면 원본에서 직접 JPG로 저장하는 것이 좋습니다.
Q: PNG를 JPG로 변환하면 투명 배경은 어떻게 되나요? A: JPG는 투명도를 지원하지 않으므로 투명 영역이 흰색이나 검은색으로 채워집니다. 변환 전에 배경색을 지정할 수 있는 도구를 사용하면 원하는 색으로 채울 수 있습니다.
Q: 모든 이미지를 AVIF로 저장하면 안 되나요? A: 용량은 가장 작지만, 인코딩 시간이 오래 걸리고 구형 브라우저와 일부 소프트웨어에서 지원하지 않습니다. 호환성이 중요한 경우 WebP나 JPG 대체 이미지를 함께 제공해야 합니다.
결론
투명 배경이 필요하면 PNG, WebP, AVIF 중 하나를 선택하고, 사진은 JPG나 WebP로, 그림과 텍스트는 PNG로 저장하는 것이 기본 원칙입니다. 최신 포맷일수록 파일 크기는 작지만 호환성 제약이 있으므로, 이미지를 사용할 환경을 고려해 결정해야 합니다. 다양한 이미지 포맷 간 변환이 필요하다면 OmniDesk의 포맷 변환 도구에서 품질 손실을 최소화하면서 빠르게 처리할 수 있습니다.