글에 화상이미지(사진) 넣기

글에 화상이미지(사진) 넣기
10 /17 2011
블로그 글의 문장내에 사진을 올리는 순서를 설명하겠습니다. 이미지 파일은 하나의 글에 몇개이라도 실을 수 있습니다.


17_add_picture1.png

이렇게 글 안에 화상 이미지를 넣을 수 있습니다.

수정 화면에서 이미지 올리는 순서


글을 쓰면서 문장안에 사진(화상 이미지)을 배치하는 순서입니다.

화상 이미지는 하나의 글에 몇장이라도 게재 가능하며 추기에도 마찬가지로 이미지 파일을 넣을 수 있습니다.


화상 이미지는 이미 업로드된 것으로 설명합니다. 파일의 업로드에 관해서는 다른 항목의 해설을 참조하세요.

[참조]파일 업로드하기
【1】새글 쓰기(글 수정)화면에서 글 텍스트 입력란에 이미지 파일을 삽입합니다. 화상 이미지도 본문과 같은 곳에 첨부합니다.


17_add_picture2.png

【2】
삽입 위치에 커서를 올려 두고, 도구 툴을 클릭합니다.


17_add_picture3.png
【3】다른 창이 팝업으로 뜹니다.
팝업으로 뜬 다른 창에 이미 업로드된 이미지 목록이 표기됩니다.
거기에서 글 안에 넣고 싶은 화상 이미지를 선택하여 [이 이미지로 첨부하기]버튼을 클릭합니다.
섬네일(작은 사이즈의 이미지)이 생성된 경우에는 [섬네일로 첨부하기]버튼을 클릭하여 삽입할 수 있습니다.


17_add_picture4.png


17_add_picture5.png

【4】

커서 위치에 화상 이미지 HTML 코드가 삽입됩니다.
다른 이미지도 같은 요령으로 추가해 갈 수 있습니다.


17_add_picture6.png
삽입한 이미지를 지우려면 추가된 HTML 코드 부분을 삭제하시면 됩니다.

이미지 HTML 태그에 관하여


초기 설정에서 삽입되어 있는 이미지 HTML 태그는 아래와 같은 형식입니다.

<a href=”http://파일 주소” target=”_blank”>
 <img src=”http://파일 주소” alt=”타이틀” border=”0” />
 </a>
a href=...
화상 이미지를 클릭한 때에 화상 이미지만을 다른 화면에서 열리게 링크되어 있습니다.

글 안의 화상 이미지를 섬네일로 하여 클릭하면 확대 표시하게 할 수 있습니다.

불필요한 경우는 에서 까지의 부분을 삭제하면 됩니다.

target="_blank"

「_blank」를 지정해두면 다른 화면에서 화상 이미지가 열립니다.

img ...

화상 이미지를 표시하게 하는 HTML 태그입니다. 이 부분만 있으면 이미지는 표시됩니다.

alt=...

파일 관리(업로드)화면에서 「타이틀」로 설정한 텍스트가 들어갑니다.

화상 이미지가 표시되지 않을 때나 읽어들이는 중에는 이 텍스트가 표시됩니다.


파일 업로드하기


글에 사진이나 일러스트, 그래프 등 이미지를 게재하려면 먼저 파일을 업로드해 두어야 합니다.


FC2 블로그에서는 이미지 파일 이외에도 아래와 같은 파일(형식)을 업로드 할 수 있습니다.

업로드 가능한 파일 형식

[이미지 파일] jpg / gif / png

[음성 파일]mid / mp3

[동영상 파일] swf

[기타] ico / html / txt / css / js / rdf / xml / xsl


디카에서 저장되는 「RAW」나 Adobe 포토숍에서 가공한 때 저장되는 「PSD」
등은 웹상에서는 표시되지 않습니다.

파일 사이즈(용량)


FC2 블로그의 서버에 업로드 가능한 파일 사이즈는 최대 2MB까지 입니다.
파일 사이즈가 큰 경우는 화상 편집 툴 등을 이용하여 사이즈를 줄여야 합니다.
표시 사이즈(픽셀)을 작게 하거나 압축률을 변경하면 파일 용량을 작게 할 수가 있습니다.

FC2 화상축소 이용하기


FC2 화상축소(r.fc2.com/index.php)를 이용하면
PC에 화상 편집 툴이 없어도 손쉽게 화상 사이즈를 변경하실 수가 있습니다.
2014-07-08_1626.png
화상을 선택하여 희망하시는 표시 사이즈를 입력합니다.
사이즈가 변경된후에는 「다운로드」하면 됩니다.
다운로드하신 화상은 이용중이신 PC내에 저장됩니다.

서버에 업로드하기


PC상의 파일을 블로그상에서 사용하기 위해 업로드합니다.

1.파일 업로드 열기

파일 업로드 툴을 불러오기 하는 방법은 2가지가 있습니다.


왼쪽 메뉴 [홈] 메뉴의 [파일 업로드]를 클릭


up3.png
글 입력 지원 툴 클릭
글 입력란 윗 부분에 있는 툴 아이콘



새 버전 파일 업로드 화면
2014-07-08_1632.png

①파일 선택
Internet Explorer・Safari 브라우저:
업로드하고 싶은 파일 선택은 「파일선택」 버튼로 해주세요.
(※InternetExplorer・Safari 브라우저의 경우는 드래그&드롭 기능은 지원되지 않습니다.)

Google Chrome・Firefox 브라우저:
「파일선택」의 버튼에서 파일을 선택할 수 있습니다.
파일을 드래그&드롭에서 선택 가능합니다.

②같은 이름의 파일
같은 이름의 파일이 이미 업로드 되었을 경우, 덮어쓰기 하거나 자동으로 다른 이름으로 저장할지를 선택합니다.
2014-07-08_1712.png

③섬네일
섬네일이 작성하거나 또는 생성할 경우는 섬네일 사이즈를 입력 가능합니다.

섬네일이 생성 가능한 형식은 jpg, gif, png 이미지 파일입니다.

섬네일 사이즈를 설정 가능하지만, 설정한 섬네일 사이즈보다 원래 사이즈가 작을 경우 섬네일은 생성되지 않습니다.


섬네일의 크기를 변경하고 싶어요.
[환경설정 변경]>[블로그 설정]>[등록 설정]>[섬네일 작성 사이즈]
로 최대폭과 길이를 정하실 수 있습니다.
기본설정은 150px×150px120px×120px입니다.
설정을 변경해도 그 때까지 업로드한 화상의
섬네일 크기는 변하지 않습니다.
이미 업로드한 화상의 섬네일의 크기를 변경하고 싶으실 경우
같은 파일을 다시 업로드합니다.

④앨범
업로드할 파일을 저장할 앨범을 선택가능합니다.
이 풀다운 메뉴에서 신규 앨번을 작성하실 수가 있습니다.
2014-07-08_1722.png

⑤확인 메시지
[업로드] 버튼 클릭후 확인 팝업 윈도우를 표시할지의 여부를 선택 가능합니다.
2014-07-09_1030.png
2014-07-09_1032.png

⑥타이틀
화상의 alt 속성입니다.
화상이 표시되지 않을 때나 읽어들이는 중에 입력한 텍스트가 표시됩니다.

⑦앨범에 추가
업로드할 파일을 앨범에 추가할지의 여부를 선택 가능합니다.

⑧삭제
파일 업로드를 하기 전에 선택한 파일을 샂게하는 버튼입니다.
[업로드]를 누르면 설정한 파일이 블로그 서버로 업로드됩니다.

업로드된 파일


45_upload0b.png
정상적으로 업로드 완료되면 파일 목록이 추가됩니다.
이 파일 관리(업로드)화면에서 파일을 삭제하거나 파일명을 바꿀 수 있습니다.

업로드한 화상이 옆으로 표시되요.
디카 및 스마트폰으로 촬영한 사진에는 화상 데이터(Exif)이 저장되어 있습니다.
그 화상 데이터에 저장되어 있는 화상이 옆으로 표시될 수 있습니다.
그 경우는 화상 데이터(Exif)를 삭제하여 다시 업로드를 실행해 보세요.
화상 데이터(Exif)를 쉽게 삭제할 수 있는 소프트도 있으므로 검색해 보시기 바랍니다.

blogmanualko

Welcome to FC2