이미지 크기 조절하기
<IMG SRC="image.gif" WIDTH="n1" HEIGHT="n2">보다 빨리 로딩되고 있다는 느낌을 주기 위해 <IMG>태그안에 이미지의 넓이와 높이(픽셀단위) 속성을 포함시킨다.
이것은 이미지가 놓일 자리를 규정하고 이미지가 완전히 로딩되어 표현되기 전에 텍스트페이지가 보이게 하여 준다. 텍스트가 먼저 나타나면 페이지가 더 빨리 로딩되었다는 느낌을 갖게 한다.
이미지의 크기를 재조정하려면 그래픽 프로그램으로 가져가서 크기를 재조정한 후 다시 저장해서 사용해야 한다. 하지만 HTML3.0문서에서는 이러한 그래픽 이미지들의 크기까지 조정할 수 있도록 배려하고 있다.
이미지 크기를 재조정하려면 WIDTH와 HEIGHT를 적절히 조절하면 되는데 먼저 이미지의 기본 크기가 얼마인지를 알아내야 한다. 이미지의 크기를 쉽게 알아낼수 있는 방법은 포토샵과 같은 그래픽 편집 프로그램을 활용하는 것이다.포토샵을 사용하여 이미지를 열면 하단에 이미지에 대한 정보가 나온다.
<IMG SRC="aaa.gif">
<IMG SRC="aaa.gif" WIDTH="35" HEIGHT="46">
<IMG SRC="aaa.gif" WIDTH="130" HEIGHT="92">
<IMG SRC="aaa.gif" WIDTH="70" HEIGHT="130">
<PRE> 실제크기 실제크기의 반 폭이나 높이를 더 늘린 경우</PRE>
위에서 알수 있듯이 그림의 실제 크기를 변형했을 경우 이미지의 해상도는 떨어진다.따라서 기존의 이미지 크기를 그대로 나타내는 것이 좋다.
 |
 |
 |
|
 |
|
 |
|
 |
|
|
Copyright Centis. All rights reserved.