이미지 크기를 HTML로 설정

올바른 크기로 이미지를 자르고 컨테이너에 고정 된 크기와 오버플로가있는 경우에도 정적 컨텐트에서 이미지의 크기를 설정하는 것이 좋습니다 : 숨김?이미지 크기를 HTML로 설정

<img src="" title ="" alt="" width="100" height="100"/>

2010-07-02 theorise

그냥 설정하십시오.? – Svisstack

어떤 점이 있습니까? 이미지가 이미 올바른 크기라면? – theorise

일반적으로 높이 및 너비 태그를 제공해야 브라우저가 이미지의 필요 공간을 예약 할 수 있습니다. 그렇지 않으면 레이아웃은 페이지를로드하는 동안 변경 될 수 있습니다.

크기가 고정 된 컨테이너와 오버플로 : 숨김으로 설정하면 도움이되지 않을 수 있습니다. 그러나 그것이 도움이되지 않더라도, 아무런 해가 없습니다. 따라서 항상 높이 및 너비 특성을 추가해야합니다.

2010-07-02 10:45:24

그냥 이것으로 실험 해 보았습니다. HTML에서 크기를 설정하면 이미지가 훨씬 빨리로드됩니다. 감사. – theorise

@denix 크기를 설정하면 이미지가 더 빠르게로드되지 않습니다 * 그러나로드 과정에서 더 잘 보이는 처음부터 공간이 올바르게 예약됩니다. –

나는 그것을 백업 하드 데이터가없는,하지만 난 실제 이미지가로드 될 때까지 이미지의 장소에서 사각형을 보여 주었다 브라우저를 보았다 생각합니다. 해당 사각형 영역을 올바르게 표시하려면 브라우저에 너비 및 높이 데이터가 필요합니다.

또한 일부 브라우저는 이미지가 꺼져 있거나로드 할 수없는 경우 이미지 대신 사각형을 표시합니다. 직사각형의 정확한 크기 조정을 위해서는 치수 정보도 필요합니다.

나는 그것을 설정하는 데 아무런 해가되지 않을 것이라고 생각합니다.

2010-07-02 10:38:41

답변