티스토리 파비콘 생성 / 적용 시키기

파비콘(Favicon) 이란,

'favorites + icon' 의 합성어로서 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘입니다.

웹 서핑을 하다보면 각 사이트들마다 자신들을 대표하는 아이콘들이 있는걸 보신 적이 있으실 겁니다.

내 웹 사이트(티스토리 블로그)에 파비콘을 만들어 적용시켜 보겠습니다.

우선 원하는 파비콘을 선택합니다. 저는 직접 만들었지만, 구글에 검색해보면

무료로 사용할 수 있는 파비콘들을 제공해주는 사이트 들도 있습니다.

또한 웹 사이트에서 파비콘을 드로잉 할 수 있는 사이트들도 있습니다.

저는 64*64 사이즈 .png 파일로 제작하였습니다.

png 파일을 ico파일로 변환해줘야 하는데,

아래의 사이트를 이용해 png파일을 ico 파일로 변환합니다.

접속하여 클라우드 모양의 아이콘을 클릭하여 이미지를 불러옵니다.

png 파일을 불러오고 잠시 기다리게되면 생성한 파일이 ico파일로 변환되어 다운로드 할 수는 상태가 됩니다.

우측 다운로드 버튼을 클릭하여 다운로드 받습니다.

(128*128 파일로 변환하여 100KB를 초과했는데, 64*64 또는 32*32로 변환하여 100KB가 넘지 않도록 합니다.)

(100KB가 넘을 시 파비콘 아이콘이 업로드 되지 않습니다..)

[티스토리 - 관리 - 블로그] 에 접속하여 파비콘 아이콘을 등록하여 줍니다.

아이콘을 불러와 적용 시키면 아래와 같이 웹 브라우저에서 사이트 접속시 변경된 모습을 확인 하실 수 있습니다.

*티스토리가 아닌 다른 웹사이트일 경우 HTML문서 <head> </head> 사이에 아래의 코드를 추가 해줍니다.

href 뒤는 파비콘이 위치한 경로를 입력하시면 됩니다.