이미지 압축 가이드: WebP·AVIF·JPEG·PNG 비교

웹페이지에서 가장 무거운 요소는 대개 이미지입니다. 용도에 맞는 포맷과 품질을 고르면 화질을 지키면서 용량을 크게 줄일 수 있습니다.

손실 압축 vs 무손실 압축

손실(JPEG·WebP·AVIF)은 눈에 잘 안 띄는 정보를 버려 용량을 크게 줄입니다. 무손실(PNG)은 모든 픽셀을 보존해 로고·투명 배경에 좋지만 사진에는 용량이 큽니다.

언제 무엇을 쓸까

• 사진·썸네일: WebP가 기본. JPEG보다 25~35% 작고 지원도 넓습니다.
• 최신 환경에서 최소 용량: AVIF.
• 최대 호환성: JPEG.
• 로고·아이콘·투명: PNG 또는 무손실 WebP.

품질 값 정하기

• WebP·JPEG: 품질 70~80이 용량과 화질의 균형점.
• AVIF: 50~60부터 시작해도 비슷한 체감 화질.
• PNG는 품질 조절이 없음 — 용량이 크면 사진일 가능성이 높으니 WebP로.

품질을 한 단계씩 낮추며 변환 전/후를 비교해, 화질이 눈에 띄게 나빠지기 직전 값을 고르세요.

요약

웹용 사진은 WebP(품질 75), 최소 용량은 AVIF, 투명은 PNG. Scrunch에서는 여러 장을 브라우저 안에서 한 번에 변환할 수 있습니다.