본문 바로가기
나만 몰랐던 IT이야기

파비콘 쉽게 만들기(즐겨찾기 아이콘)

by 즐거움이 힘 2015. 10. 12.
반응형

favicon(파비콘)이라함은 홈페이지 도메인 주소 앞에 나오는 아이콘을 의미한다. 

보통 favicon은 브라우저 상단의 홈페이지 이름 앞에, 그리고 즐겨찾기를 하였을 때 즐겨 찾기 아이콘으로 사용된다.

다음이나 네이버 등에 들어가면 브라우저 상단 홈페이지 주소 앞에 아이콘을 볼 수 있는데, 이를 favicon이라 하는 것이다. 이는 즐겨찾기를 할 때 주소와 함께 같이 나타나게도 할 수있다.




 


그 동안은 이미지를 아이콘으로 변환하는 툴을 많이 사용하였는데, 아주 쉽게 이것을 만들 수 있는 사이트가 있어 소개한다. 역시 이 사이트는 나만 몰랐던 것 같다.


사이트 주소는 

 이며,


직접 만들 수도 있고, 기존에 올라온 공개용 파비콘을 사용할 수도 있다.

긴 설명 보다는 직접 들어가서 사용하기 바란다. 가입도 필요없고, 사용법도 나와있으니 쉽게 사용할 수 있다.


파비콘과 바탕화면 아이콘은 <html>문서의 <head></head> 사에 아래 문법을 넣으면 된다.


<link rel="shortcut icon" href="파일경로" type="image/x-icon">

 

<link rel="icon" href="파일경로" type="image/x-icon">


물론 만든 파비콘 파일을 홈페이지가 있는 서버에 올리는 것이 우선이다.^^



댓글