5) 파비콘

프로젝트에 파비콘을 넣는 김에 블로그용도 만들었다.

http://www.favicon.cc/

위 링크에서 제작할 수 있다. 과정은 간단하니 스킵.

적절히 만들고 프레임을 설정해서 애니메이션 효과까지 넣었다. 파비콘을 다 만들었으면 다운로드 후 적용시키면 된다.

티스토리의 경우엔 위와 같이 관리자 - 환경설정 - 기본정보에서 다운로드 받은 .ico파일을 업로드해주면 된다. 애니메이션 효과가 있는 경우도 그냥 올리면 잘 적용된다.

또는 서버에 .ico파일을 업로드 후 HTML소스의 head부분에 

<link rel="shortcut icon" href="링크"> (정적인 경우)

<link rel="shortcut icon" type="image/x-icon" href="링크"> (애니메이션인 경우)

를 넣어주면 된다. 애니메이션 파비콘의 경우엔 브라우저의 지원 여부에 영향을 받는다.

애니메이션 효과가 적용된 파비콘(파이어폭스)

프로젝트에서 할 때는 왜인지 적용이 안되어서 png파일로 올렸다. png파일의 경우엔

<link rel="icon" type="image/png" href="링크"> 과 같이 넣으면 된다.

크롬에서 애니메이션 효과를 지원 안할꺼라고는 생각도 못해서 한동안 고생했다.. 고민 끝에 파이어폭스로 해보니 잘 적용되었다.