파비콘 설정 [파비콘 설정으로 블로그 얼굴 만들기]
제목만 적어놓고 십분을 생각했네요. 파비콘 관련 글을 써내려가지만, 파비콘을 만드는데 도움도 있어야 하는게 당연한 것 같아서 우선 파비콘을 만드는 것에 대한 분류와 파비콘을 만드는 홈페이지와 방법을 소개하고자 합니다.
파비콘은 기존의 그림을 줄여서 만드는 방법과 파비콘 만드는 것을 제공하는 홈페이지에서 만드는 방법(직접 그리거나 텍스트 입력) 등이 있습니다. 크게 3가지로 나뉘지만 이 3가지가 다인 것 같네요.
제 생각이지만 직접 만드는 것보다는 파비콘을 만드는 사이트에 이미지를 업로드 하여 파비콘을 뽑아내거나 한픽셀 한픽셀(?) 직접 그리는 것을 추천합니다. 좀 더 선명하기 때문이죠. 아무래도 제 파비콘 다시 만들어야할 것 같습니다. 이 글을 보시는 분들은 이미 제 아이콘이 새로 만들어진 후에 읽겠네요.
#1 파비콘 만들기 [이미지 축소와 그리기를 이용한]
우선 첫번째로 이미지 축소로 만드는 방법이 있습니다. 파비콘은 ico 파일로 저장해야 하며, 블로그에 적용시에 매우 작은 아이콘으로 나타납니다. 그렇기 때문에 이미지 내에 사진이 들어가는 것은 권장하지 않으며, 파비콘 내에 너무 많은 텍스트를 넣더라도 파비콘이 깨져 보이기 때문에 남들이 보기에도 좋지 않을 겁니다.
그렇기 때문에 파비콘에는 최대한 적은 수의 텍스트 또는 매우 작아져도 쉽게 구분이 가능한 이미지가 들어가게끔 설정하는 것이 옳으며, 페이스북이나 여러 게임 사이트의 경우에도 매우 알아보기 쉬운 아이콘을 파비콘으로 설정하고 있습니다.
우선, 자신이 사용하고 싶은 이미지를 선택합니다. 그리고 파비콘 제네레이터 사이트로 이동합니다.
(링크를 클릭하세요.)
- http://www.favicon.cc/ [직접 그리는 것으로 만드는 사이트.]
- http://www.degraeve.com/favicon/ [파비콘 제네레이터 사이트. 그리기와 이미지파일 축소로 파비콘을 만들 수 있다.]
우선 저는 상단의 이미지를 구글 검색으로 대충 구해봤습니다.
대충 구한거라서 좀 이상하네요.
그리고 상단의 링크 홈페이지로 이동하였을 때의 모습(파비콘 제네레이터)입니다.
좌측 상단에는 애플 마크가 파비콘 샘플로 등록되어 있네요.
우리가 사용할 부분은 노란 영역의 부분이 되겠습니다.
찾아보기 버튼을 통해 자신이 파비콘으로 사용할 이미지를 등록합니다.
그리고 [upload image]를 클릭합니다.
이미지의 사용 영역을 선택해야 합니다. 저는 적절하게 상단과 같은 영역을 선택했습니다.
사용 영역은 적절한 모서리 드래그로 설정하실 수 있습니다.
선택 후 [Crop picture]를 클릭합니다.
상단의 스크린 샷과 같이 이미지가 업로드 되어있는 것을 확인하실 수 있습니다.
아이콘을 그대로 사용하신다면 [Make Favicon!]을 선택하시면 됩니다.
누르게 되면 [Right click on the icon to save it to your desktop.] 우클릭으로 저장을 하시면 됩니다.
파비콘을 적용하시려면 티스토리에 로그인 후 우측 상단의 [My → 관리]를 눌러줍니다.
[환경설정] 탭의 [기본 정보]를 클릭합니다.
아이콘 부분에 보시면 [파비콘]이 있습니다. [찾아보기]를 클릭하여 만든 이미지를 등록하세요.
현재 제 파비콘은 동행큐브 입니다. 알아보기가 힘들어서 다시 하나 만들까 생각중입니다.
'팁 > 블로그' 카테고리의 다른 글
| 블로그 지수 확인 방법 [지수에 대한 개인적인 견해와 측정] (2) | 2012.08.31 |
|---|---|
| 블로그 SEO 지수 확인 사이트 [SEO 지수는 몇 점일까 ?] (2) | 2012.08.21 |
| SNS 공유 버튼 : 티스토리 PC와 모바일 하단 (2) | 2012.07.25 |
| 채널 광고 수익 확인과 차단 [구글 웹 게시자 툴바를 이용한 수익 확인] (0) | 2012.07.20 |
