우리 교회 홈페이지에 드디어 favicon 을 적용시켰습니다.

 

logo_cross2_16.jpg

 

favicon 은 favorites icon 의 약자로 즐겨찾기의 아이콘을 뜻합니다.

어떤 홈페이지를 방문하면 다수의 홈페이지의 경우 그 홈페이지 고유의 이미지가 주소창 제일 앞쪽에 나타납니다.

또한 그 홈페이지를 즐겨찾기에 등록을 하면 그 이미지가 표시되어서 즐겨찾기에 등록된 다른 홈페이지와 쉽게 구별할 수 있습니다.

 

이러한 기능을 하는 favicon 이 우리교회 홈페이지에도 있으면 좋겠다고 생각이 되어서 어떤 이미지를 어떻게 표시하면 좋을까 고심하였습니다.

favicon 의 특성상 복잡한 이미지는 적절치 못하며 크기 또한 워낙 작기 때문에 간단하면서도 우리 교회를 표시할 수 있는 이미지가 필요했습니다.

이왕이면 우리교회에서 볼 수 있는 사진의 일부분을 사용하는 것이 좋을 것 같아서 예전에 찍은 교회 사진을 훑어보았으나 마땅한 이미지를 구하지 못했습니다.

 

그러던 중 교회 단상 중앙에 있는 십자가가 눈에 들어왔으며 그 부분을 사진을 찍어서 적당한 크기로 만들어 보았습니다만, 만족할 만한 결과가 나오지 않았습니다.

그래서 부족한 실력으로나마 포토샵을 이용하여 그 십자가 부분을 간단하게 만들었습니다.

사진을 작게 favicon 으로 변환시킨 것보다는 훨씬 깔끔하게 표시되는 것을 발견했습니다.

 

혹시 교회 홈페이지 favicon 으로 사용할 만한 좋은 이미지나 사진, 또는 아이디어가 있는 분께서는 언제든지 조언해 주시면 감사하겠습니다.

 

 

 

 

***

참고로 추후 favicon 변경시 참조할 만한 정보를 적어둡니다.

 

아래의 두 링크 중 마음에 드는 곳에서 원하는 사진 또는 이미지를 favicon 으로 변환시킵니다.

 

http://www.chami.com/html-kit/services/favicon/

 

http://www.graphicsguru.com/favicon.php

 

변환된 favicon 을 컴퓨터에 다운로드하여 저장합니다.

 

컴퓨터에 저장된 favicon 은 ftp 프로그램을 이용하여 교회 홈페이지 계정에 업로드합니다.

가능하면 웹서버 Root Directory 에 저장하도록 합니다.

favicon 의 저장된 위치는  ftp://kielchurch.web-bi.net/xe/favicon.ico 입니다.

 

favicon 이 제대로 표시되게 하기 위해서는 index 파일에 다음의 두 줄을 삽입하여야 합니다.

html 에서 삽입될 위치는 <head> 와 </head> 사이입니다.

지금 (2010년 4월 26일 현재) 사용하는 index 파일에는 이미 삽입되었으며 정상적으로 표시됩니다.

 

<link rel="shortcut icon" href="http://kielchurch.web-bi.net/xe/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://kielchurch.web-bi.net/xe/favicon.ico" type="image/vnd.microsoft.icon">