이미지 사이즈를 조정하는 방법은 2가지가 있다고 할 수 있습니다.

1) 그래픽 프로그램을 이용해서 원하는 사이즈로 줄여서 올립니다. (특별히 즐겨 사용하는 프로그램이 없으시면, http://www.sjkoreancatholic.org/node/1182 에 제가 추천해놓은 프로그램중 http://www.faststone.org/download.htm 에서 FastStone Image Viewer 3.0 나 FastStone Photo Resizer 2.4를 사용하여 사이징 작업을 다시 할 수도 있습니다.) 이 방법이 제일 합리적이며, 좋은 방법입니다. (서버 저장공간을 줄이고, 페이지 로딩속도를 단축할 수 있지요.)

2) 굳이 img 태그의 사이즈를 이용하실 경우, 다음과 같은 태그를 이용합니다.

[codefilter_code]$m[1][/codefilter_code]

원래 이미지 사이즈의 가로와 세로를 정확한 비율로 줄여주지 않으면, 이미지가 찌그러져 보일 것입니다. 그러므로, 간단한 산수 공식, 예로,

500X400 = 300XH (500X400: 원본사이즈라 가정하고, 300으로 가로를 줄이고 싶을 때 H란 세로의 값을 구하는 방식으로 H값을 정확히 구해, 그 값을 써줘야 가로, 세로 같은 비율로 줄것입니다. 그래픽 프로그램을 이용하면 쉽고 빠르게 줄일 수 있습니다.

참고로 hspace(Horizontal space) 와 vspace(Vertical space)는 그림의 크기를 줄이는 관련 태그가 아니라, 그림의 위(아래): vspace, 그림의 좌(우)공간 hspace 공간을 위한 것입니다. 그림이 다른 글자와 너무 위/아래/좌/우로 붙어있다고 판단되어, 좀 널널하게 그림과 글자사이를 띠우고 싶을때 사용하는 태그입니다.

태그에 관한 궁금점이 이곳 본당웹 사용법에 충분치 않은 경우, google.co.kr 또는 naver.com 과 같은 서치엔진에서 "vspace hspace 태그" 이런 식으로 서치를 하면, 더 자세하고 풍부한 설명을 쉽게 접하실 수 있습니다.

-- 웹매스터 최일해 다니엘