'파비콘'에 해당되는 글 1건

  1. 나만의 파비콘 만들기(Favicon)(티스토리에 적용하기)

작지만 큰 상징

파비콘이란 것은 아래 사진처럼 그 웹사이트를 대표하는 16x16크기의 작은 아이콘입니다.


네이버 검색은 저렇게 네이버 검색창의 대표 아이콘이 있네요. 하지만 저는 아직 파비콘을 만들지 않았기 때문에 그냥 인터넷 익스플로러 모양입니다.

그냥 밋밋한 저 인터넷 익스플로러 아이콘을 저의 상징인 아래 사진으로 바꿔보겠습니다.

파비콘 크기16x16과 .ico 형식으로 바꾸기

자신이 원하는 사진이 16x16 크기이고 .ico 형식일리가 없습니다. 그래서 저렇게 바꿔주어야 하는데요. 포토샵으로 할 수도 있지만 너무 귀찮습니다. 그래서 제가 자주 이용하는 사이트를 알려드립니다.

http://favicon.htmlkit.com/favicon/

위 링크로 들어가시면 아래 사진처럼 보이실 겁니다.


찾아보기를 눌러 자신이 원하는 사진을 누르시고 Generate FavIcon.ico를 누르시면

이렇게 뜹니다. 자신이 원하는 그림을 1번부터 5번까지 중에서 고른 다음에 아래 Download FavIcon Package를 눌러주면 Zip 압축파일 형식으로 다운받을 수 있습니다.

거기에서 Favicon.ico만 쏙 빼오면 됩니다.

티스토리 블로그에 파비콘(Favicon) 적용하기

16x16사이즈의 파비콘을 다운받았으면 이번에는 자신의 티스토리 블로그에다 적용해야 합니다.

http://티스토리닉네임.tistory.com/admin(관리 페이지) 로 접속한 뒤 로그인후 환경설정의 기본정보를 눌러줍니다.

아이콘 부분의 파비콘을 찾아 찾아보기를 눌러 방금 다운받은 Favicon.ico를 찾은 후 저장을 누르면 끝!!!!~~~


등록을 했는데 안보이면은 브라우저를 닫았다 열어보거나 크롬 브라우저를 써보세요~~~