HTML <img> 너비 속성
예시
높이가 600픽셀이고 너비가 500픽셀인 이미지:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
width
속성은 이미지의 너비를 픽셀 단위로 지정합니다 .
팁: 항상 이미지에 대해 height
및
width
속성을 모두 지정하십시오. 높이와 너비가 설정되어 있으면 페이지가 로드될 때 이미지에 필요한 공간이 예약됩니다. 그러나 이러한 속성이 없으면 브라우저는 이미지의 크기를 알지 못하며 적절한 공간을 확보할 수 없습니다. 결과는 로드하는 동안(이미지가 로드되는 동안) 페이지 레이아웃이 변경된다는 것입니다.
팁:
height
및 속성을 사용하여 큰 이미지의 크기를 줄이면 width
사용자가 큰 이미지를 다운로드해야 합니다(페이지에서 작게 보이더라도). 이를 방지하려면 페이지에서 사용하기 전에 프로그램으로 이미지의 크기를 조정하십시오.
브라우저 지원
Attribute | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
통사론
<img width="pixels">
속성 값
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
❮ HTML <img> 태그