안녕하세요~^^

이미지가 모두 로드된 후에 페이지에 표시하시려면

페이지 초기 접속 시에는 해당 이미지를 CSS 코드로 안 보이게 하고

jQuery load 이벤트를 활용해서 이미지가 완전히 로드되면 보이게 하는 코드를 작성해주셔야 할 듯합니다.

아래 관련 링크도 참고해보세요.

https://webisfree.com/2017-03-17/이미지를-완전-로드한-후-엘리먼트에-추가하는-효과적인-방법은

추가로, 이미지가 위에서 아래로 로드되는 게 확연하게 보인다면

이미지 파일의 용량 최적화에 대해서도 알아보시겠어요?

고맙습니다.