height 속성
height 속성은
img 태그로 지정된
이미지의 높이를 설정합니다.
현재 이 속성은 이미지,
iframe,
video 및
일부 다른 태그에만 사용할 수 있습니다.
픽셀 또는 백분율로 값을 지정할 수 있습니다. 백분율로 크기를 지정하는 경우, 부모 요소의 너비를 기준으로 계산됩니다. 픽셀로 크기를 지정하는 경우, 측정 단위는 표시하지 않습니다.
이미지에 너비나 높이가 지정되지 않은 경우, 이미지는 실제 크기를 가집니다. 높이만 지정된 경우 - 이미지는 지정된 높이가 되고, 너비는 비율이 왜곡되지 않도록 조정됩니다. 너비만 지정된 경우 - 마찬가지로, 이미지는 비율을 유지하기 위해 높이를 조정합니다. 너비와 높이 모두 지정된 경우 - 이미지의 비율이 왜곡될 수 있습니다(아닐 수도 있습니다). 너비 또는 높이(또는 둘 다)가 실제 크기보다 큰 경우, 이미지는 커지지만 품질이 저하됩니다.
속성에서 이미지의 너비와 높이를 설정하는 것이 좋습니다. 이렇게 하면 브라우저가 이미지를 더 빠르게 로드할 수 있습니다. 이미지를 가져온 후 각 이미지의 크기를 계산할 필요가 없기 때문입니다.
불필요하게 이미지의 실제 크기를 줄이는 것은 권장하지 않습니다.
예를 들어, 이미지의 실제 크기가 1000 x 1000 픽셀이지만,
너비를 100px로 설정하는 경우.
이 경우 화면의 이미지는 100 픽셀로 보이지만,
전체 1000픽셀 크기를 가지므로 로드 시간이 훨씬 더 오래 걸립니다.
작동 예제는 여기를 참조하세요:
img 태그.
