HTML 파비콘 / Favicon

파비콘은 브라우저 탭의 페이지 제목 옆에 표시되는 작은 이미지입니다.

 

HTML에 Favicon을 추가하는 방법

원하는 이미지를 파비콘으로 사용할 수 있습니다.

https://www.favicon.cc 와 같은 사이트에서 나만의 파비콘을 만들 수도 있습니다 .

 

Tip: 파비콘은 작은 이미지이므로 대비가 높은 단순한 이미지여야 합니다.

 

아래와 같이 브라우저 탭의 페이지 제목 왼쪽에 파비콘 이미지가 표시됩니다.

 

웹사이트에 파비콘을 추가하려면 파비콘 이미지를 웹 서버의 루트 디렉터리에 저장하거나 

이미지라는 루트 디렉터리에 폴더를 만들고 이 폴더에 파비콘 이미지를 저장합니다. 

파비콘 이미지의 일반적인 이름은 "favicon.ico"입니다.