엄지 손가락을 만들 목적으로

Question

엄지 손가락을 동적으로 만들 목적을 알고 싶습니까? 이미지의 높이와 너비를 설정하는 태그가 <img> 인 경우 나는 어느 것이 좋은 습관인지 알고 싶습니까?

Answer 1

<img> 태그의 height 및 width 속성을 사용하면 페이지에 렌더링되는 이미지의 크기 만 제어됩니다. 4MB 이미지 파일의 썸네일 크기와 너비를 사용하려고해도 4MB 이미지가 계속로드됩니다. 이제 전체 이미지 갤러리에 대해 이렇게하면 페이지가로드 될 때까지 기다릴 것입니다. 원래 4MB 이미지를 기반으로 축소 된 이미지 인 축소판 이미지를 사용하는 경우 미리보기 이미지의 크기가 KB 이하인 경우가 많으므로 페이지로드 속도가 빨라질 수 있습니다.

Answer 2

사용자가 웹 페이지를 보는 사용자가 scaled 이미지를로드하는 데 오랜 시간을 기다리지 않기 때문입니다.

Answer 3

만 이렇게 작은 일

Answer 4

동적으로 이미지의 크기 변경을 참조하십시오 클라이언트로 전송하는 데 필요한 데이터의 양을 감소하고자 할 때 당신은 거대한 사진을 다운로드 할 필요가 없습니다 그래서 서버 트래픽 및 로딩 시간 감소.