본문 바로가기

HTML,CSS

favicon 등록법

파비콘(favicon)이라고 아시나요?

웹 페이지 상단에 쪼그맣게 보이는 아이콘인데, 다들 보신적 있으실 겁니다.

뭔지 다들 아시겠죠? 

이는 페이지의 즐겨찾기로도 사용됩니다.


저걸 파비콘(favicon)이라고 하는데, 굉장히 간단하게 등록 가능합니다.

먼저, 16x16 크기의 아이콘(ico)파일을 준비합니다.

favicon은 전통적으로 16x16 크기의 아이콘(ICON)파일인데, 최근 파비콘은 32x32 크기도 지원합니다.

이는 인기있는 주요 브라우저들에서 적절하게 축소하여 표현해줍니다.


준비한 ico 파일을 적절한 위치에두고, 아래와 같이 입력합니다. 저는 /resources 폴더 내에 넣었습니다.

<link rel="shortcut icon" href="/resources/test.ico">

rel을 shortcut icon 해주시고, href에 파비콘 경로를 지정해주면 됩니다.

등록되었네요 ㅎㅎ


도움이 되시길 ㅎㅎ

'HTML,CSS' 카테고리의 다른 글

ime-mode  (0) 2016.06.13
css 텍스트 줄바꿈 처리  (0) 2015.05.24