웹 탭 아이콘 설정 방법(Favicon)

Favicon(favorite icon)

 

웹사이트를 접속하면 탭 좌측에 대표 아이콘을 Favorite icon으로 부른다. 16x16 픽셀의 작은이미지다.

 

 

 

◆ 파비콘 크기
16x16: 브라우저용
32x32: 작업표시줄 단축키용
96x96: 데스크탑 단축키용
180x180: 애플 터치용

 

 

 

◆ HTML에 파비콘 추가 방법

<link rel="icon" href="/img/logo.favicon.png"/>
<link rel="apple-touch-icon" href="/img/logo.favicon.png"/>

apple-touch-icon 를 쓰는 것이 ios와 safari에서 안정적으로 보여줄 수 있어서 사용해야한다.

 

 

 

 

참고

https://developers.google.com/search/docs/appearance/favicon-in-search?hl=ko

Google 검색결과에 표시되는 웹사이트 파비콘 정의하기 | Google 검색 센터  |  문서  |  Google for Dev