개발 공부 기록

[파비콘] favicon.ico 404 오류 & favicon(파비콘) 만들기 본문

개발/기타

[파비콘] favicon.ico 404 오류 & favicon(파비콘) 만들기

_김도연 2020. 9. 5. 17:46

오류 해결하기

웹 개발을 하다보면 개발자도구의 콘솔창에서 해당 오류를 발견할 수 있다. (따로 문제가 되는 건 없지만...)

페이지의 아이콘이 없거나 아이콘의 경로가 맞지 않으면 생기는 오류이다.

아이콘은 노란색으로 표시한 부분을 의미한다.

 

<html>
<head>
<link rel="shortcut icon" href="#">
</head>
</html>

html 문서의 head 안에 link tag를 넣어줘서 해결할 수 있다.

아이콘을 지정하고 싶다면 href에 아이콘 경로를 추가해주면 된다.

 

파비콘 만드는 사이트

https://www.degraeve.com/favicon/

https://www.favicon-generator.org/

http://tools.dynamicdrive.com/favicon/

https://iconverticons.com/

https://www.favicon.cc/

 

무료 파비콘

https://www.freefavicon.com/freefavicons/

위 링크에서 적당한 무료 파비콘을 다운받는 것도 좋은 것 같다.

Comments