본문 바로가기
잡동사니/블로그

초보 블로거를 위한 블로그 아이콘,파비콘 제작기

by 마쑤 2011. 4. 11.
반응형

제 블로그에 간단하게 파비콘과 블로그 아이콘을 만들어서 적용시킨 과정입니다
다른 분들의 멋진 블로그에 가보면 파비콘과 블로그 아이콘이 멋스럽게 보여 의욕충만한 상태로
파비콘 제작에 관한 글을 보면 http://www.favicon.cc/  사이트에서 만드는걸 권장합니다

저도 몇가지 이미지로 ico를 만들어보기도하고 한점한점 장인(?)의 손길로도 해봤는데
영 모양이 안나더군요.. 그러다 의욕도 떨어지고 아무생각없이 클릭하다가 마지막으로 만든게
현재의 파비콘인데요 이렇습니다.

http://www.favicon.cc/ 에서 제작모습


위 스크린샷을 보면 배경을 먼저 채우고 간단하게 한글로 "마쑤" 모양이 나오게 지웠는데
아래 프리뷰에서 보면 그럴싸하게 보이더라구요 그래서 아이콘파일로 다운받았습니다.

그런데 파비콘만 있으면 허전하니 블로그 아이콘도 같이 만들고 싶어서 다른분들과는 다르게
전 방금 다운받은 ICO파일로 PNG파일을 만들었습니다. 변환방법은 의외로 간단한데

블로그 관리자 메뉴의 환경설정 > 블로그 정보 >파비콘 에보면 ICO로 파일변환 이라는 부분을 클릭
하여 http://converticon.com/  라는 사이트에 접속해서 다운받은 ICO파일을 불러온후
export에서 PNG에 체크하고 SAVE AS하면 PNG 즉 블로그 아이콘으로 사용할수 있는 
파일을 얻을수 있게 됩니다.  

반드시 PNG에 체크하고 저장하세요


이렇게 파일이 준비되면 관리자 메뉴 > 환경설정 > 블로그정보의 블로그 아이콘,파비콘 부분에
준비한 파일을 등록해주고 플러그인 > 플러그인 설정에서 블로그아이콘과 파비콘 사용을 체크해줍니다
마지막으로 브라우저를 모두 닫았다가 블로그에 재 접속해보면 적용된 모습을 볼수있습니다.

사용상태로 체크하세요


어떠세요 해볼만 하신가요?

파비콘에대해 도움받은 곳 : 꼬마낙타님의 블로그 http://plusblog.tistory.com/444

댓글