개발하는 뚝딱이

[javascript] favicon 404에러 본문

[javascript] favicon 404에러

개발자뚝딱이 2019. 11. 8. 00:22

웹 개발 과정에서 개발자 도구로 console 확인 시, favicon 404에러가 뜨는 경우가 있다.

 

 

favicon이란?

웹 사이트의 상단 탭에 보여지는 아이콘이다. 아래 그림의 빨간 박스에 쳐져 있는 것이 그 예시.

 

Chrome이나 FireFox에서는 favicon.ico에 링크가 걸려있지 않으면 서버를 다시 호출하고 404에러가 발생한다.

이를 막기 위해서 favicon이 없음을 알려줘야 한다. <head></head> 태그 사이에 아래와 같이 링크를 넣어준다.

 

 

 

<head>
	<link rel="icon" href="data:;base64,iVBORw0KGgo=">
</head>

 

console 창이 깔-끔! 해지는 것이 확인 가능하다.