[HTML] 웹페이지 파비콘 삽입하기

파비콘

 

웹사이트 또는 웹페이지를 대표하기 위해 웹브라우져에서 사용되는 16x16 pixel 의 작은 이미지이다. 브라우저 창뿐만 아니라 브라우저의 북마크바나 방문기록, 검색결과 등등 URL 정보와 함께 같이 표시되기도 한다.

 

파비콘은 하나의 웹사이트의 아이콘으로 여겨져 시각적인 식별자로 사용된다. 그래서 많은 대다수의 웹페이지들은 하나의 파비콘을 사용하고 있다.

 

 

파비콘

 

웹사이트에 사용하는 이미지는 규격에 맞도록 해야한다.

 

head 부분에 작성하면 된다.

<link href="이미지주소.이미지형식" rel="shortcut icon" type="image/x-icon">

 

예제 : 애플로고

<link rel="shortcut icon" type="image/x-icon" href="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Apple_logo_black.svg/800px-Apple_logo_black.svg.png">

 

 

---

출처 및 파비콘에 대한 자세한 설명

 

 

파비콘이란? 웹사이트를 위한 나만의 파비콘 만들기

 

HTML title 이미지 또는 icon 적용하는 방법 - dasima