슬랙 URL 미리보기, 크롬 소스코드 보기 등에서 favicon이 안 바뀌는 문제

favicon.ico 이야기

이번에 회사에서 리브랜딩을 하면서 favicon을 비롯한 OG 이미지, 텍스트 등을 수정할 일이 있었다.

favicon.ico의 경우 사이트 담당하시는 분께서 일괄적으로 새로 변경을 해주셨고, 웹에서 열 때는 브라우저 탭에 잘 적용이 되어있는 것을 확인했다.

그런데 여전히 예전 favicon이 나오는 경우가 있었다.

favicon을 지정하는 곳엔 이렇게 되어있다.

<link rel="icon" type="image/x-icon" href="/_contentweaver/ico_PC_32x32.png" />

이것만 보면 아무 문제가 없을 거 같은데 슬랙에서 사이트 공유를 했을 때, 그리고 크롬에서 소스보기를 했을 때 브라우저 탭에 표시되는 favicon은 여전히 저 favicon이 아니고 리브랜딩 되기 이전의 favicon이었다.

root의 favicon.ico 를 무조건 보는 경우가 있다

조금 서치를 해보니, 소스보기 시의 favicon은 해당 사이트의 root에 있는 favicon.ico 를 본다고 한다.

https://stackoverflow.com/questions/36365443/how-to-set-the-favicon-when-viewing-source-in-chrome

이를 통해서 루트에 있는 favicon.ico 도 새로 리브랜딩된 것으로 바꿔달라고 해서 해결했다.

결론

사이트의 favicon을 변경할 경우, 새로 변경된 favicon으로 명시해도 사이트 root의 favicon.ico를 보는 경우도 있으니 이 친구도 같이 바꿔줄 것.