웹페이지를 가볍게 만들기 위해선 한 이미지가 차지하는 용량이 너무 크면 안되요

상세페이지 제작시 길게 하나로 이어서 그대로 올리시는 경우가 있는데,

이럴 경우 상세페이지 로딩시에 지연도 되고 모바일 접속시 흐릿해 보이는 현상도 발생할 수 있어요

이미지는 위에서 부터 아래로 로딩이 되기 때문에 하나의 긴 이미지가 위에서부터 마지막까지 로딩이 되려면,

이미지가 길면 길수록 시간이 걸릴뿐더러 개인 인터넷 설정 등에 따라서는 엑박이 뜰 수도 있답니다

가장 좋은 방법은 이미지를 적당히 여러 등분하여 올리는 것이에요

예) 가로 800 세로 5000 픽셀의 긴 이미지를 5등분 > 가로 800 세로 1000 픽셀씩 다섯개가 나오겠죠?

이렇게 하면 모바일로 접속시 통째 800*5000 이미지보다 800*1000짜리 다섯개가 있는 경우가 확실히 더 선명하게 나온답니다

물론 로딩 속도도 더 빠르구요~