WebP vs AVIF vs JPEG, 2026년에는 뭘 써야 할까요

포맷 선택이 여전히 중요한 이유

인터넷 속도가 어디서나 빨라진 지금도 이미지를 어떤 포맷으로 저장하느냐에 따라 보이는 모습과 용량이 크게 갈려요. 큰 JPEG 파일로 가득한 페이지는 로딩도 느리고 화질도 아쉬운 반면, 같은 페이지를 최신 포맷과 적당한 품질 값으로 만들면 결과가 확실히 달라져요. 포맷 하나 고르는 데 몇 초면 충분하고, 그 몇 초가 페이지를 열 때마다 계속 이득으로 돌아와요. 같은 사진이라도 어떤 포맷과 값으로 내보냈느냐에 따라 용량이 몇 배씩 차이 나기도 하거든요.

WebP — 기본값으로 가장 무난해요

웹에 올릴 이미지라면 WebP를 먼저 떠올리면 돼요. 비슷한 화질 기준으로 JPEG보다 대체로 파일이 작고, 손실·무손실 압축을 모두 지원하는 데다, 요즘 나오는 브라우저는 전부 문제없이 보여주거든요. 특별히 다른 포맷을 써야 할 이유가 없다면 사진이든 일러스트든 WebP가 안전한 기본 선택이에요.

AVIF — 가장 작지만 시간이 걸려요

같은 화질을 기준으로 하면 AVIF가 WebP보다도 용량이 더 작게 나오는 경우가 많아요, 때로는 꽤 큰 차이로요. 대신 만드는 데 시간이 걸려요. 웹에서 흔히 쓰는 포맷 중 AVIF가 계산량이 가장 많다 보니, 특히 큰 사진을 AVIF로 인코딩할 때는 WebP나 JPEG보다 눈에 띄게 오래 걸릴 수 있어요. 다만 이 시간은 이미지를 준비할 때 딱 한 번만 감수하면 되고, 다 만들어진 AVIF 이미지를 브라우저에서 보는 속도는 다른 포맷과 다르지 않아요. 게다가 요즘은 웬만한 브라우저가 AVIF를 다 지원해서, 몇 년 전처럼 호환성부터 걱정할 상황은 아니에요.

JPEG와 PNG — 오래된 포맷이 아직 필요한 순간

호환성만 놓고 보면 JPEG를 이길 포맷이 없어요. 오래된 메일 프로그램이든 신형 포맷을 아직 지원하지 않는 인쇄소나 디자인 툴이든, 이미지를 다루는 프로그램이라면 거의 다 JPEG는 문제없이 열거든요. PNG는 사진 압축 효율은 위 포맷들만 못하지만 무손실인 데다 투명 배경을 지원해서, 스크린샷·로고·아이콘처럼 선명하게 유지해야 하는 이미지에는 PNG가 정답이에요.

뭘 골라야 할지 헷갈린다면

• 웹사이트에 올릴 일반적인 사진: WebP
• 용량을 최대한 줄이고 싶고 변환 시간이 좀 걸려도 괜찮다면: AVIF
• 어디서 열릴지 모르는 파일을 보내야 한다면: JPEG
• 로고·스크린샷·아이콘처럼 투명 배경이 필요하다면: PNG

품질 값이 실제로 의미하는 것

인코더의 품질 슬라이더는 원본 대비 몇 퍼센트인지를 나타내는 값이 아니라, 얼마나 세게 압축할지 정하는 다이얼이에요. 일반적인 사진이라면 70~80 정도가 딱 좋아요. 화면으로 보기엔 원본과 구분이 안 되면서 더 높은 값을 줬을 때보다 용량은 훨씬 작게 나오거든요. 이보다 값을 더 올리면 눈에 보이는 차이 없이 용량만 커지고, 너무 낮추면 특히 경계선이나 글자 주변에서 흐릿하거나 블록처럼 깨지는 게 보이기 시작해요.

리사이즈도 포맷 못지않게 중요해요

포맷과 품질만 신경 쓸 게 아니에요. 페이지에서 800px 너비로 보여줄 이미지라면, 카메라나 디자인 파일에서 뽑은 4000px짜리 원본을 그대로 쓸 이유가 없어요. 압축하기 전에 크기부터 줄이는 게 포맷을 바꾸는 것보다 용량을 더 많이 줄여주는 경우가 흔해요. 픽셀 수가 절반이면 포맷이 뭐든 데이터도 대략 절반이 되거든요. 포맷을 고민하기 전에 그 이미지가 화면에서 실제로 얼마나 크게 보이는지부터 확인해 보세요.

직접 비교해 보기

가장 확실한 방법은 같은 사진을 WebP·AVIF·JPEG로 각각 압축해서 나란히 비교해 보는 거예요. 이미지 압축기에 사진을 넣고 출력 포맷을 바꿔가며, 압축 전후 비교 화면으로 품질 값에 따른 차이를 바로 확인할 수 있어요. 물론 이 과정에서 파일이 어디로 업로드되는 일도 없어요. “업로드 없음”이 왜 편의 이상으로 중요한지는 업로드 없는 이미지 압축이 중요한 이유 가이드에서 더 다루고 있어요.