본문 바로가기

관심정보수집/티스토리 꾸미기

파비콘 쉽게 만들기, 파비콘이란?

 

 

 

 

파비콘이란?

 

웹서핑을 하다 보면 홈페이지 주소 앞에 작은 아이콘을 볼 수 있습니다.

 

 

 

 

이 주소 앞에 보이는 작은 아이콘이 바로 파비콘입니다.

 

[ 파비콘 ( Favicon ) 즐겨찾기 와 아이콘의 합성어 ]

 

 

 

파비콘 만들기

 

http://favicon-generator.org/

 

파비콘 생성하는 사이트로 파비콘을 쉽게 만들 수 있는데요

 

 

 

 

메뉴 탭중

 

[Generator]를 통해서

 

16x16 이미지를 불러다가 ico 으로 변환해 바로 사용하실수도 있으시고

 

 

 

 

[Editor]를 통해

 

직접 16x16 크기의 파비콘을 만들 수 있습니다.

 

 

 

 

 

 

 

 

위 순서대로 맘에 드는 파비콘을 만드신 뒤에

 

바탕화면 혹은 내 문서에 아이콘을 저장합니다.

 

 

 

 

 

 

티스토리 파비콘 적용

 

그럼 이제 파비콘을 티스토리에 적용해보겠습니다.

 

 

 

 

관리페이지 -환경설정 - 기본정보 로 이동합니다.

 

아이콘 과 파비콘이 보이는데요~

 

파일을 찾아 첨부합니다.

 

 

파일을 첨부한뒤 미리보이는 파비콘 아이콘에

 

우측 마우스 클릭하여

 

속성의 URL 주소를 복사합니다.

 

 

 

그 다음 플러그인 설정으로 가셔서

 

홈페이지 아이콘 표시(파비콘)을 사용 설정 해줍니다.

 

 

 

 

 

 

다음은 HTML/CSS 편집으로 이동하셔서

 

아까 파비콘을 업로드 합니다.

 

 

 

 

다음 HTMl/CSS 로 오신뒤

 

<link rel="shortcut icon" href="https://buii.tistory.com/favicon.ico" />

 

을 찾으신뒤에

 

 

 

<link rel="shorcut icon" href="위에 파비콘 속성 URL주소">

 

를 한줄 추가합니다.

 

 

 

 

 

 

적용된 모습입니다 ㅎㅎ

 

 

적용까지 5~10분정도의 시간이 걸리니 천천히 기다려주세요