favicon에 대해서

favicon(파비콘)

웹사이트에 접속했을 때, 위 그림에서 빨간색 화살표가 가리키는 아이콘이 파비콘이다.

내가 운영 중인 홈페이지에도 파비콘을 만들어 주고 싶다.

그러기 위해서는, 먼저 ico 파일을 하나 준비한 후, 웹페이지 소스를 수정해줘야한다.

ico 파일은 아이콘 파일 포맷을 따르는 이미지 파일이면 된다.

파일명은 주로 favicon.ico 를 사용하는데, 이름은 주인마음대로다.

소스 수정은 <head></head> 내에 아래처럼 작성을 해 준다.

href에 아이콘 파일의 위치를 적어주면 된다. 위 예에서는 웹 루트 디렉토리에 위치한 favicon.ico 를 지정해 준 것이다.

쉽다. 문제는 아이콘 만드는 것이 문제지.

검색을 좀 해 보니, 최신의 브라우저들에서는 반드시 ico 파일 포맷을 사용하지 않아도 되는 것 같다.

크롬 브라우저의 경우, png, jpg, gif, animated-gif 파일 포맷도 지원을 한단다. (위키)

전통적으로 ico 파일 포맷이었지만, 이제, 뭐 만들기 쉬운 포맷으로 작업하면 될거 같다.

이상!

궁극의 잡 블로그