웹사이트에 파비콘 적용하기

1. 16 * 16 px  또는 32*32px 이미지를 만들기  

( favicon.ico 또는 favicon.jpg 이미지로 제작)

 

2. 이미지를 서버에 업로드 후 경로 설정

<link rel="icon" href="이미지경로/favicon.ico" >

 

예시> 티스토리 32*32px

<link rel="icon" sizes="any" href="https://t1.daumcdn.net/tistory_admin/favicon/tistory_favicon_32x32.ico"/>
<link rel="icon" type="image/svg+xml" href="https://t1.daumcdn.net/tistory_admin/top_v2/bi-tistory-favicon.svg"/>
<link rel="apple-touch-icon" href="https://t1.daumcdn.net/tistory_admin/top_v2/tistory-apple-touch-favicon.png"/>

 

예시> 삼성SDS 16*16px

<link href="https://image.samsungsds.com/resource/kr/images/favicon.ico?queryString=20241223101132" rel="shortcut icon">