하나의 큰 이미지를 4 개의 작은 이미지로 나누면로드 시간이 단축됩니까?

Question

큰 이미지를 PNG 형식으로 저장했습니다. 크기는 ~ 600KB 정도입니다. 방문자가 올 때 이미지가 완전히로드되는 데는 몇 초가 걸리지 만 확실히 괜찮은 것은 아닙니다.

이미지를 작은 섹션으로 나누면 방문자의 전반적인로드 시간이 줄어들게되어 궁금합니다.

Answer 1

큰 이미지를 더 작은 이미지로 자르는 것은 현대의 브라우저가 같은 시간에 (pararell에서) 이러한 이미지를로드 할 수 있기 때문에 로딩 시간을 줄일 수 있습니다. 은 그러나 각각의 이미지가 로딩 흐름에 시간이 걸리는 :

1. 브라우저는 reques 응답
2. 대기, 그리고
3. 부하를합니다.

이렇게 작은 이미지의 경우 더 큰 이미지를 만드는 것이 더 좋습니다 : 스프라이트 (하나의 HTTP 요청 만 필요함). 정말 큰 경우 슬라이스하는 것이 좋습니다 (로드 할 때 UI 사용 환경 개선).

Answer 2

이미지를 분할 한 다음 이미지를 다른 도메인으로 분할하면 이미지가 병렬로 다운로드되어야합니다. 아직도 연결이 느린 사람들이 있기 때문에 더 작은 이미지를 사용하는 것이 더 나은 대안입니다. 아직 많이 있습니다.

Answer 3

웹 서버가 방문자의 전체 대역폭을 제공 할 수있는 경우 로딩 시간에 차이가 없어야합니다. 그러나 위에서 언급했듯이 작은 크기의 좋은 압축을 사용하는 것이 좋습니다. 방문자가 "고품질"버전을 사용할 수있게하려면 (확대/축소 버튼과 같은) 가능성을 제공 할 수 있습니다.