상세 컨텐츠

본문 제목

파비콘(favicon.ico) 만드는 방법

IT

by Cho 2013. 2. 12. 16:29

본문

반응형

파비콘 (favicon.ico) 만드는 방법을 알려드리겠습니다.

파비콘을 만들기 전에..

파비콘은 Favorite Icon을 줄여서 부르는 말로서, 인터넷 주소창에 인터넷 주소를 입력하거나 즐겨찾기에 추가하였을때 나타나는 작은 아이콘을 말합니다.

아래 사진에 보이는 아이콘 있죠? 그게 바로 파비콘 입니다.


 


 

 


일단, 파비콘의 아이콘 크기는 16×16 pixel 입니다.
favicon.ico 이라는 이름으로 저장하여야 합니다. (다른이름 안됩니다.)
그리고 파비콘 아이콘을 만들어 주는 사이트는 많으니 검색하시면 나옵니다 ㅎㅎ

추천 사이트 : http://favicon-generator.org/

파비콘을 적용하는 방법은

favicon.ico 을 본인의 계정에 FTP로 파일을 업로드 합니다. (이왕이면 index 파일이 있는곳에...)

 


index.html 파일의 <head> 태그 다음에 넣어주시면 됩니다.

<link rel="icon" href="./favicon.ico" type="image/x-icon">

XE 를 쓰시고 계신분들은 레이아웃 설정 - 헤더 스크립트에 아래 처럼 쓰시면 됩니다.

 


이제 새로고침을 해서 확인 해보면, 짜잔!

 


반응형

관련글 더보기

댓글 영역