본문 바로가기

웹_Web

티스토리 만들기_03_관리_파비콘 아이콘 넣기

파비콘. 아이콘 넣기

 

이번에는 파비콘과 아이콘을 넣어 보자.

파비콘(favicon)이란 인터넷 웹 브라우저의 탭에 표시하는 아이콘이다.

 

#해보기:

자신의 티스토리 블로그 관리 화면으로 간다.

 

#해보기:

블로그 관리 홈 왼쪽 메뉴에서 '관리'에 있는 '블로그'를 클릭한다.

불러오기 버튼을 눌러서 아이콘과 파비콘 이미지를 등록한다.

아이콘 이미지는 32x32 또는 64x64 크기의 png형식 그림 파일을 사용한다.

파비콘 이미지는 ico 형식의 파일을 사용해야 한다.

 

포토샵 등으로 ico 이미지 파일을 만들기 어려울 경우에는

그림 파일을 ico그림파일로 변환해 주는 웹사이트를 이용하는 방법이 있다.

웹사이트를 이용해서 다른 형식의 그림 파일을 파비콘으로 사용할 ico 그림파일로 변환해 보자.

 

#해보기:

웹브라우저에서 새 탭(+)을 열고 아래 웹 주소를 입력하고 엔터키를 친다.

 

위와 같은 화면이 나타나면 아래 순서대로 실행한다.

 

 #해보기:

1. '파일 선택' 버튼을 누른 후 변환할 그림파일을 선택한다.

2. Generate only 16x16 favicon.ico(파비콘 아이콘 생성)을 체크한다.

3. Create Favicon (파비콘 만들기) 버튼을 클릭한다.

 

이제 만들어진 파비콘 파일을 다운로드 받아야 한다.

 

#해보기:

만들어진 파비콘 파일이 나타난다.

Download the generated favicon 부분을 클릭하면 자신의 컴퓨터에 다운로드 할 수 있다.

이제 블로그 관리창으로 가서 아이콘과 파비콘 파일을 등록하자.

 

#해보기:

아이콘과 파비콘 오른쪽의 불러오기 버튼을 각각 누른 후 그림파일을 등록한다.

등록을 완료한 후 변경사항 저장 버튼을 누른다.

아이콘과 파비콘은 각각 아래 부분에 적용된다.

이제 블로그 홈으로 가보자.

블로그 홈으로 가려면 관리화면의 오른쪽 위에 아이콘을 누른 후 블로그 이름을 클릭한다.

 

#해보기:

1. 오른쪽 위에 아이콘을 클릭한다.

2. 블로그 이름을 ctrl키를 누른 상태로 클릭한다.

이렇게 ctrl키를 누른 상태로 클릭하면 새로운 탭으로 창을 열 수 있다. (몰랐지?)

블로그의 기본적인 내용을 완성했다.

다음 글에서는 블로그 스킨(외관) 바꾸는 방법을 알아본다.

끝.