본문 바로가기
코딩 프로그래밍/Javascript 자바스크립트

html head 파비콘 넣기

by 프즈 2023. 6. 16.
반응형

브라이주에서 왼쪽 위에 작은 아이콘으로 보이는 부분을 파비콘이라고 합니다. 즐겨찾기 같은 기능 이용할 때 보이는 것도 파비콘이 보여요. 여기서 사용하는 파일 확장자가 ico 파일입니다. 보통 png 파일을 많이 사용하고 있어서 변환해줘야 합니다. 1:1 사이즈를 사용하는 것이 좋고요. 작아도 명확하게 잘 보이는 이미지를 사용해야겠죠.

여러 사이트를 이용할 수 있는데요. https://convertico.com 또는 https://www.hipdf.com/kr/png-to-ico 이용해서 변환 할 수 있어요.

head 부분에 link 태그를 추가하면 됩니다.

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" >

 

 

반응형

댓글