html 파비콘(Favicon) 적용방법

# 파비콘(Favicon) 적용

• 원하는 파비콘 이미지를 직접 만들거나, 다운로드 받은 후 HTML의 head 안에 넣어 주면 된다.
• https://www.flaticon.com/ 등의 사이트에서 다운로드 받아 사용할 수 있다.

Free Icons and Stickers - Millions of resources to download

• 파비콘을 직접 만들 경우 16x16 크기의 이미지 파일로 만들며 확장자는 .ico로 생성해야 한다.
• 파비콘을 적용하기 위해서는 html 문서 내 head 영역 안에 아래의 태그를 넣어주면 된다. (파일 위치가 해당 html 문서와 같은 경로에 있는 경우 아래처럼 입력, 다른 경로에 있을경우엔 파일명 앞에 경로/파일명.ico로 입력해준다.)

<link rel="shortcut icon" href="파일명.ico">