웹사이트 최적화 방법 - 이미지 파트

웹페이지 용량이 증가함에 따라 이미지 최적화는 사용자 경험과 직결되는 핵심 요소가 되었습니다. 특히 이커머스 환경에서는 페이지 로딩이 1초 느려질 때마다 구매 전환율이 약 7% 감소할 수 있어 이미지 관리가 필수적입니다.

이미지는 크게 두 가지 방식으로 구분됩니다.

• 래스터(Raster) 이미지: 픽셀로 색상을 표현하며 JPEG, PNG, GIF 등이 해당됩니다. 크기가 커질수록 용량이 늘어나는 특성이 있습니다.
• 벡터(Vector) 이미지: 수학적 방정식을 사용하여 크기 변화에도 화질 저하가 없는 SVG 형식이 대표적입니다.

또한 정보 손실 여부에 따라 **무손실(Lossless)**과 손실(Lossy) 이미지로 나뉩니다. 효율적인 웹 환경을 위해서는 상황에 맞는 포맷 선택이 중요합니다.

• WebP: 구글이 개발한 포맷으로, JPEG 대비 **25%~35%**의 높은 압축률을 가지며 투명도와 애니메이션을 모두 지원합니다.
• AVIF: 차세대 이미지 포맷으로, WebP보다 더욱 뛰어난 압축 성능을 제공하며 최신 웹 최적화의 핵심 기술로 주목받고 있습니다.