이미지의 높이와 너비를 결정할 수 있습니까?

Question

나는 html을 사용하고 있습니다. html 테이블에는 테이블 행이 있는데 회사 로고가 있습니다.

<image src="images\some.jpg"> 

그러나 표시된 이미지 크기가 너무 큽니다. 그것의 높이와 너비를 설정할 수 있습니까?

도와주세요!

Answer 1

<td><img src='abc.png' height='x' width='y'></td> // set x and y to integers 

Answer 2

당신은 같은 이미지 태그의 width 및 height 속성을 설정할 수 있습니다 :

이

<img src="../image/path" width="100" height="100" /> 

는 또한 이러한 속성 중 하나만 사용하여 통지, 가로 세로 비율을 유지 이미지 크기를 조정 할 이미지가 왜곡되어 보이지 않게합니다.

Answer 3

CSS (cascading stylesheets)에서 조금 읽는 것이 좋지만 width 및 height 속성이 있습니다.

<img src="..." width="100" height="200" alt="Company Logo"/> 

너비 또는 높이 만 지정하여 다른 치수를 자동으로 조정할 수 있어야합니다.

Answer 4

예, height 및 width 속성을 사용할 수 있습니다. 예 : <img src=logo.gif alt=ACME width=50 height=20>. CSS에서 height 및 width 속성을 설정할 수도 있습니다.

너비 또는 높이가 이미지 자체의 크기와 다른 경우 브라우저는 이미지의 크기를 조정합니다.

그러나 좋아하는 이미지 처리 프로그램에서 이미지의 크기를 조정하는 것이 거의 항상 좋습니다. 그렇게 큰 이미지를 축소하면 결과의 품질을 제어 할 수 있으며 대역폭 (브라우저에서 처리 시간)도 절약됩니다.

Answer 5

최종 최적화 된 웹 사이트에는이 정보를 사용해서는 안되지만 CSS 2의 최대 높이 및 최대 너비를 사용하여 이미지의 크기를 줄이고 이미지 종횡비를 유지할 수 있습니다. 나는 사용자 콘텐츠를 표시 할 때 이것을 PHP 프로젝트의 실패 방지로 사용했다. 예 :

<style type="text/css"> 
.scaledimg { 
max-height: 200px; 
max-width: 200px; 
} 
</style> 

<img class="scaledimg" src="imagesourcehere" />