주요 이미지 포맷 비교

이미지를 웹에 올릴 때, 어떤 포맷을 선택해야 할지 고민되시죠? 솔직히 말하면, 포맷 선택 하나로 페이지 로딩 속도와 Core Web Vitals 점수가 좌우되기도 합니다. [[TOOL:slug]]

지금부터 각 포맷의 장단점을 알아보겠습니다.

JPEG — 오래된 친구

JPEG는 1992년에 태어나 지금까지 웹에서 가장 많이 쓰이는 포맷입니다. 사진이나 복잡한 색상의 이미지에 딱이죠. 다만, 투명 배경이 필요한 로고나 선명한 텍스트에는 안 맞습니다.

압축 품질 가이드:

• 웹 최적화: 품질 75~85%
• 썸네일: 품질 60~70%
• 인쇄용: 품질 95% 이상

PNG — 투명 배경의 왕

비손실 압축을 지원하는 PNG는 투명 배경이 필요한 이미지에 최적입니다. 로고나 아이콘, UI 스크린샷에 주로 쓰입니다. 단, 파일 크기가 크다는 점이 단점입니다. 사진보다는 PNG가 필요 없는 경우가 많습니다.

WebP — 구글의 답

WebP는 구글이 만든 차세대 포맷입니다. 이게 핵심인데, JPEG 대비 25~35% 더 작은 파일 크기로 비슷한 화질을 유지하죠. 애니메이션도 지원하니 동적인 이미지를 담기에 좋습니다.

실제 용량 비교 (1920×1080 사진 기준):

• JPEG 80%: 약 450KB
• WebP 80%: 약 290KB (35% 감소)
• AVIF 80%: 약 190KB (57% 감소)

WebP는 이미 2023년 기준으로 대부분의 브라우저에서 지원됩니다.

AVIF — 최신의 선택

AVIF는 AV1 비디오 코덱을 이미지에 적용한 포맷으로, 더욱 압축률이 뛰어납니다. 다만, 인코딩 시간이 길어서 실시간 변환에는 조금 부담될 수 있습니다.

브라우저 지원: 크롬 85+, 파이어폭스 93+, 사파리 16+. 2024년 기준 약 92%가 지원합니다.

이미지 포맷과 SEO

이미지의 무게는 Core Web Vitals의 LCP(최대 콘텐츠풀 페인트) 점수에 영향을 미칩니다.

결론

결론부터 말하자면, 2026년 기준으로 새로 제작하는 웹 이미지는 WebP나 AVIF를 기본으로 사용하는 걸 권장합니다. 기존 JPEG/PNG 이미지를 변환할 경우, 페이지 로딩 속도가 즉시 개선될 것입니다. [[TOOL:slug]]