사진(그림)을 게시판 내에서 바로 보이게 하려면
박재영 2012-07-09 119
image1.jpg
sunfortress.bmp

 
문)사진(그림)을 게시판 내에서 바로 보이게 하려면 어찌하나요?     (일반적인 사이트에서의 사용 방법)

두 가지 경우가 있을 수 있습니다. 
A. 이 사이트의 게시판에 첨부파일을 올릴 수 있도록 되어 있고, 자신의 컴에 그림(사진)이 있는 경우
B. 이 사이트의 게시판에 첨부파일을 올릴 수 없거나, 다른 게시판에 첨부파일 형태로 그림(사진)이 있을 경우

=========================================================================

A. 이 사이트의 게시판에 첨부파일을 올릴 수 있도록 되어 있고, 자신의 컴에 그림(사진)이 있는 경우

참고로 첨부파일명은 가능하면 한글이나 특수 문자를 가능한 안 쓰는 것이 좋습니다.
 이 사이트에서는 그림 확장자가 jpg. jpeg,bmp 파일을 첨부 파일로 첨부하면 
 게시물내에서 바로 보입니다.

답)
A. 게시판에 첨부파일을 올릴 수 있도록 되어 있고, 자신의 컴에 그림(사진)이 있는 경우
또는 그림이 있는 곳(사이트)에서 자신의 컴에 그림을 다운 받아 두었을 경우.
(참고로 어떤 게시판에서는 그림 파일 크기 제한이나 파일의 확장자를 제한(예: bmp파일)하는 경우도 있으며
       파일 이름을 영어도 해야 하는 경우도 있음)

1.게시글을 작성시 첨부파일의 찾아보기를 눌러 자신의 컴에서 그림파일 위치를 찾아 올립니다.

2.글제목,작성자, 제목 다 쓰고 등록(완료)를 누릅니다.

3.그런 다음, 방금 작성한 게시판 글에 가서 첨부파일위치에서 마우스 오른쪽 클릭--> 바로 가기 복사를 누릅니다.
   (그림 또는 사진이 있는 절대주소가 메모리에 복사됨)
4.게시판에서 게시물 작성 시  HTML 모드에서 또는  저장했던  경우라면  [수정]을 눌러 HTML 모드에서 클릭하여
다음 내용을 그림(사진)이 들어 갈 위치 src=`?`  의  ? 에 씁니다.
 
  기본 형식 (HTML 모드에서)
<IMG src=`?`  height=450  width=600></IMG> 
설명:  ? 위치에는 tag가 찾아 갈 그림의 절대주소를 입력하며, 크기 조정 옵션은 (폭 width  높이 height)
  height=450  width=600  나  width=600  height=450  처럼 순서는 바뀌어도 상관없습니다.

게시물 작성시 tip:
       이 ? 위치에 마우스를 두고 오른쪽 마우스 클릭한 후에
       절대주소(복사해둔 그림의 바로가기)를 붙여넣기(단축코드 Ctrl-V 도 가능)를 합니다.

가로 그림의 적당한 크기 조정 예: 높이 height=450 폭 width=600,  단 숫자는 임의 가로 그림 예로 resize 지정할 때.
세로 그림의 적당한 크기 조정 예 높이 height=600 폭 width=450,  단 숫자는  임의 세로 그림 예로 resize 지정할 때.

5.(디카로 찍은 사진을 올리면 사진 등) 화면에 너무 크게 보여 불편하면 다음처럼 크기 size 를 수정합니다.
참고로 그림을 볼 때 windows picture & fax viewer 로 볼 때는 보기에 괜찮을 수도 있으나
자신의 컴에서 그림 보기 설정이 'alsee알씨' 등으로 그림보기 프로그램이 설정되어 있는 경우
사진이 화면에 너무 크게 보여 불편한 경우가 생깁니다.

[사진 축소법]
예) 
원본 보여줄 경우 (현재 보이는 그림크기가 원본일 경우 너무 크게 보임)
 
이렇게 크게 보입니다.
그러나 뒤에 width=600 height=450 를 추가하시면 그림을 축소하실 수가 있습니다.
원하는 size로 숫자는 지정 가능하며 그 숫자가 커질수록 그림도 커집니다.

다음 그림에선
<IMG height=450 src=`http://www.physician.or.kr/kpaHome/pds/downfile.asp?filename=sunfortress.bmp ` width=600></IMG>
처럼 크기를 width=600 height=450 으로 해 보았습니다.
이렇게 size를 입력하면  크기가 줄어 들어 보기에 좋습니다.

6. 필요시 제목,작성자, 내용을 다시 확인 후 등록(완료)  또는  수정(입력) 완료를 누릅니다.
7.그림(사진)이 제대로 나왔나 확인합니다.

=====================================================================================================
 
B. 이 사이트의 게시판에 첨부파일을 올릴 수 없거나, 다른 게시판에 첨부파일 형태로 그림(사진)이 있을 경우
1.원하는 그림이 있는 사이트의 해당 게시물의 해당 그림(사진)을 링크해야 합니다.
링크하는 방법은 다음과 같습니다.

2.해당 게시물의 첨부파일 위치에 마우스를 대고 오른쪽 클릭--> 바로 가기 복사를 누릅니다. (절대주소가 메모리에 복사됨)

3.게시판에서 게시물 작성 시  HTML 모드에서 또는  저장했던  경우라면  [수정]을 눌러 HTML 모드에서 클릭하여
 
다음 내용을 그림(사진)이 들어 갈 위치에 씁니다.

 
  기본 형식 (HTML 모드에서)
<IMG src=`?`  height=450  width=600></IMG> 
 
설명:  ? 위치에는 tag가 찾아 갈 그림의 절대주소를 입력하며, 크기 조정 옵션은 (폭 width  높이 height)
  height=450  width=600  나  width=600  height=450  처럼 순서는 바뀌어도  상관없습니다.

게시물 작성시 tip:
       이 ? 위치에 마우스를 두고 오른쪽 마우스 클릭한 후에
       절대주소(복사해둔 그림의 바로가기)를 붙여넣기(단축코드 Ctrl-V 도 가능)를 합니다.
옵션 : 크기 조정
가로 그림의 적당한 크기 조정 예: 높이 height=450 폭 width=600,  단 숫자는 임의 가로 그림 예로 resize 지정할 때의 예.
세로 그림의 적당한 크기 조정 예 높이 height=600 폭 width=450,  단 숫자는  임의 세로 그림 예로 resize 지정할 때의 예.
 
4.만약, (디카로 찍은 사진을 올리면 사진 등) 화면에 너무 크게 보여 불편하면 A5.설명처럼 그림 size를 수정합니다.

5.글제목,작성자, 제목 다 쓰고 등록(완료)  또는  수정(입력) 완료를 누릅니다.
 자신이 올린 게시물의 내용과 그림(사진)이 제대로 나왔나 확인합니다
 
6.주의: 글을 올린 본인은 게시물 작성 후 해당 그림(사진)이 보이지만 다른 사람은 액박으로 보일 수 있습니다.
          즉 해당 게시물을 보는 사람이 해당 사이트에 가입하지(들어가지) 않았을 경우  액박으로 보입니다.  
 
예) Daum 이나 네이버의 카페의 그림을 링크하면, 다른 사람은 그 그림이 보이지 않습니다.(소위 '액박')
 
  이 '액박'을 해결하려면 해당 카페에서 보았던 그림을 자신의 컴퓨터에 다운(필요시 다운 받은 파일을 영문으로 저장),  받은 후
  자신이 게시하고자 하는 사이트에 첨부 파일로 올린 후 링크할 수 밖에 없습니다.(즉 A.방법으로 해야 함)

5.참고로 블로그의 그림은 직접 링크해도 그림(사진)이 잘 링크됩니다.(2010.04 월 현재까지는 tag 링크 ok !)
=====================================================================================================

- 이상입니다 -