개성넘치는 자신만의 파비콘을 쉽게 만들수 있는 사이트가 있네요. 바로 256 Pixels 입니다.
사용방법은 아주 간단합니다.

파비콘 만들기

먼저 사이트에 들어가게 되면 좌측상단에 파비콘을 디자인 하는 부분이 나옵니다. 이곳에서 자신만의 파비콘을 디자인 하세요.

두번째로 Submit to Challenge 버튼을 클릭합니다. 아마도 누가누가 더 파비콘을 잘 만드나 내기(?) 하는 사이트 같죠? 뭐 추천 많이 받아도 떨어지는게 없는것 같으니 신경 쓰지 않습니다.

세번째로 Submit 버튼을 누르면 위 그림에서 보는바와같이 3번 부분에 완성된 파비콘이 표시됩니다. 이때 완성된 파비콘 이미지에 마우스를 올려놓고 오른쪽 버튼 클릭후 '그림 저장' 을 하세요.

그럼 완성된 파비콘이 저장됩니다.
Posted by 웹눈
웹사이트나 블로그에 파비콘을 등록해 보는 과정을 설명합니다.

파비콘은 웹브라우저의 주소란 옆에 보이는 작은 이미지로 확장자는 *.ico이며 주로 웹사이트나 블로그를 상징하는 이미지입니다.

1. 파비콘 아이콘을 만드는 방법을 알아봅니다.

포토샵등의 이미지 제작툴로 자신이 원하는 파비콘 이미지를 크기 16 x 16으로 만들어 줍니다. 이때 확장자는 jpg나 png, bmp 등으로 만듭니다.

예) 16 x 16으로 제작하여 jpg로 저장한 이미지

이미지를 제작하였으면 ICO 파일로 제작해야겠지요?

jpg등의 이미지를 ico파일로 변환해주는 사이트를 이용합니다.
http://www.html-kit.com/favicon/

사용자 삽입 이미지

Source image 란에 파비콘 아이콘으로 바꾸어줄 이미지를 넣어줍니다. 그런다음에 'Generate Favicon.ico' 버튼을 눌러줍니다.

Download Favicon을 누르시면 압춘된 파비콘 아이콘을 다운받으실수 있습니다.

2. 웹사이트에 적용하기

1) 일반사이트의 경우

<head>와 </head> 사이에
<link rel="shortcut icon" href="http://홈경로/favicon.ico" > 메타태그를 삽입합니다.

2) 티스토리 사용자의 경우
티스토리 사용자는 관리자메뉴->환경설정->기타설정에서 '파비콘 업로드하기'를 하시면 됩니다.
Posted by 웹눈