Squoosh1 [Performance] 이미지 최적화 전략: WebP, Lazy Loading, 그리고 가변 이미지 현대 웹 애플리케이션의 평균 페이지 용량 중 절반 이상은 이미지가 차지합니다. 특히 이커머스나 포트폴리오 사이트처럼 이미지가 핵심인 서비스에서 이미지 최적화는 '선택'이 아닌 '필수'입니다. 1MB짜리 이미지 하나를 100KB로 줄이는 것만으로도 수천 줄의 자바스크립트 코드를 최적화하는 것보다 훨씬 큰 성능 개선 효과를 볼 수 있습니다.오늘은 브라우저가 이미지를 처리하는 방식을 이해하고, 최신 포맷과 브라우저 기능을 활용해 웹사이트를 가볍게 만드는 3대 전략을 알아보겠습니다.1. 차세대 포맷 도입: WebP와 AVIF우리가 흔히 쓰는 JPEG와 PNG는 수십 년 된 포맷입니다. 이제는 더 적은 용량으로 더 높은 화질을 제공하는 차세대 포맷으로 갈아탈 때입니다.1.1 WebP: 구글이 만든 만능 포맷Web.. 2026. 5. 4. 이전 1 다음