WebP·AVIF·JPG 차이와 이미지 포맷 선택법
웹에 이미지를 올릴 때 JPG, PNG, WebP, AVIF 중 무엇을 써야 할지 헷갈리는 경우가 많습니다. 각 포맷은 압축 방식, 투명도 지원, 브라우저 호환성이 서로 달라 용도에 맞게 골라야 화질과 용량을 동시에 잡을 수 있습니다. 이 글에서는 네 가지 포맷의 핵심 차이와 상황별 선택 기준을 정리합니다.
JPG와 PNG: 가장 오래된 표준
JPG는 사진에 널리 쓰이는 범용 포맷으로, 거의 모든 기기와 프로그램에서 열립니다. 다만 손실 압축 방식이라 저장할 때마다 화질이 조금씩 떨어지며, 비손실 저장은 지원하지 않습니다. 또한 투명 배경(투명도)을 지원하지 않아 로고나 아이콘에는 적합하지 않습니다. 반면 PNG는 무손실 압축이라 원본 화질을 그대로 보존하고 투명 배경도 지원합니다. 대신 같은 이미지를 저장할 때 용량이 크게 나오는 것이 단점입니다. 그래서 사진처럼 색이 많은 이미지는 JPG, 로고·스크린샷·투명 배경이 필요한 이미지는 PNG를 쓰는 것이 전통적인 기준이었습니다.
WebP와 AVIF: 차세대 압축 포맷
WebP는 구글이 만든 포맷으로, 같은 화질에서 JPG보다 약 25~35% 더 작은 용량을 냅니다. 투명도와 애니메이션까지 지원해 사실상 JPG와 PNG, GIF의 장점을 합친 포맷입니다. 지원 브라우저 폭도 넓어 오늘날 웹 이미지의 기본값으로 자리 잡았습니다. AVIF는 여기서 한 발 더 나아가 네 포맷 중 가장 작은 용량을 자랑하며, 같은 조건에서 WebP보다도 더 압축됩니다. 다만 최신 브라우저에서만 열리고 인코딩(변환) 속도가 느린 것이 단점입니다. 특히 사파리는 AVIF 인코딩에 제한이 있어 환경에 따라 변환이 어려울 수 있습니다.
상황별 포맷 선택 기준
웹사이트 일반 이미지라면 WebP를 기본으로 쓰는 것이 가장 무난합니다. 용량 절감과 호환성의 균형이 가장 좋기 때문입니다. 용량을 최대한 줄여야 하는 경우, 예를 들어 대용량 배경 이미지나 이미지가 많은 페이지라면 AVIF가 유리합니다. 반대로 오래된 기기나 이메일, 외부 시스템처럼 호환성이 최우선인 상황에서는 여전히 JPG가 안전한 선택입니다. 투명 배경이 필요하면 WebP나 PNG를, 최고 화질 보존이 필요하면 PNG를 고려하세요. 정리하면 웹은 WebP 기본, 최대 압축은 AVIF, 호환성은 JPG라는 세 축으로 기억하면 됩니다.
유틸로 이미지 용량 줄이기로 바로 변환하기
포맷 이론을 알아도 실제 변환과 용량 확인은 직접 해봐야 감이 옵니다. 유틸로의 '이미지 용량 줄이기'(util.momsoft.co.kr/tools/image-compress)를 사용하면 브라우저 안에서 바로 이미지를 압축하고 포맷을 바꿔볼 수 있습니다. 원본을 서버에 올리지 않고 기기 안에서 처리되므로 개인 사진도 안심하고 다룰 수 있습니다. 같은 이미지를 WebP와 AVIF로 각각 저장해 용량과 화질을 비교하면 어느 포맷이 자기 용도에 맞는지 쉽게 판단할 수 있습니다. 특히 AVIF는 인코딩이 느리므로 실제 변환 시간까지 체감해 볼 수 있습니다. 웹 업로드 전에 이 도구로 한 번 압축하는 습관을 들이면 페이지 로딩 속도도 눈에 띄게 개선됩니다.
자주 묻는 질문
웹사이트에 이미지를 올릴 때 어떤 포맷이 가장 좋나요?
대부분의 경우 WebP가 기본으로 가장 무난합니다. JPG보다 25~35% 작으면서 투명도와 애니메이션을 지원하고 브라우저 호환성도 넓기 때문입니다. 용량을 극한으로 줄이려면 AVIF, 오래된 환경까지 대응해야 하면 JPG를 선택하세요.
AVIF가 가장 작은데 왜 모두 AVIF를 쓰지 않나요?
AVIF는 최신 브라우저에서만 열리고 인코딩 속도가 느리기 때문입니다. 특히 사파리는 AVIF 인코딩에 제한이 있어 변환이 어려울 수 있습니다. 그래서 호환성과 변환 편의성을 고려하면 WebP가 여전히 실용적인 기본값입니다.
투명 배경이 필요한 로고는 어떤 포맷을 써야 하나요?
WebP 또는 PNG를 사용하세요. JPG는 투명도를 지원하지 않아 로고에 부적합합니다. WebP는 투명도를 지원하면서 PNG보다 용량이 작아 웹에 더 유리하고, 최고 화질 보존이 필요하면 무손실인 PNG가 좋습니다.