[HTML] 파비콘 변경, 수정, 표시가 안될때 해결 방법

얼마 전 파비콘 생성 방법과 관련하여 포스팅을 했었는데, 처음에 제대로 뜨지 않아 몇 가지 해결 방법을 이용하여 해결을 했으나, 제대로 뜨지 않는 경우가 발생하였습니다.

 

문제를 확인 후 아래의 해결방법을 사용해 확인해보았고, 며칠 간 확인 시 제대로 동작하는 것을 확인하였습니다.

 

 

파비콘 아이콘 생성 방법이 필요하신 분은 이전 포스트를 참고해주세요..!

angelplayer.tistory.com/124

[HTML] 파비콘(주소창 아이콘) 적용 방법

 

 

우선 기존 코드는 이렇습니다.

 

<link rel="favicon" href="./favicon.ico">

 

에디터의 경우 예제 파일로 3개 정도 테스트 했을 때 처음에 곧바로 제대로 뜨지 않고, 이전 포스트와 같이 캐시를 날리고 새로 받아오거나, 아예 PC를 재부팅 하고 난 이후 제대로 표시는 현상이 나타났습니다.

 

그런데 페이지를 제작하는 단계에서는 제대로 확인이 되지 않아 아래의 코드를 사용하였습니다.

 

<link rel="icon" href="파일주소" type="image/x-icon" sizes="16x16">

 

w3school에 명시되어 있는 코드를 참고하였습니다.

 

위의 코드와 달리 타입과 사이즈를 명시하였습니다.

 

다시 새로운 예제를 만들어 이전 코드를 실행하였을 때 제대로 나타나지 않는 페이지를 위 코드로 수정했을 때,

 

 

바로 제대로 뜨는 모습을 확인할 수 있습니다.

 

 

 

 

 

 

 

- 참고 문헌 -

HTML <link> sizes Attribute

www.w3schools.com/tags/att_link_sizes.asp