Programing/JavaScript

URL 앞에 이미지 넣기 파비콘 아이콘 넣기 톰캣 고양이 아이콘 변경

리커니 2016. 3. 11.
반응형

URL 앞에 아이콘 넣기 파비콘아이콘 넣기 톰캣 고양이 아이콘 변경

 

파비콘(favicon, 'favorites + icon') 또는 패비콘이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다.

 

프로젝트를 톰캣에 올리면 자동적으로 아래와 같은 고양이 아이콘이 URL 앞에 붙게 된다.

 

 

 

 

URL앞에 붙는 아이콘은 파비콘 아이콘이라 하는데 이것을 수정해 보자.

 

 

 

 

우선 아이콘을 만들기 위해서는 16x16 크기의 favicon.ico 파일이 필요하다.

원하는 이미지를 ico 파일로 변환하자.

 

변환은 아래의 사이트에서 간편하게 하자.

 

 

 

Link : ico 변환 사이트

 

16x16 사이즈의 ico 파일을 만들었다면

페이지의 header나 footer에 아래의 한줄만 추가해 주면 된다.

 

<link rel="shortcut icon" type="image/x-icon" href="이미지경로" />

 

뭐 이런 식으로..

 

 

그럼 아이콘 변경 완료~!

 

반응형

댓글

💲 추천 글