파비콘이란?
웹서핑을 하다 보면 홈페이지 주소 앞에 작은 아이콘을 볼 수 있습니다.
이 주소 앞에 보이는 작은 아이콘이 바로 파비콘입니다.
[ 파비콘 ( Favicon ) 즐겨찾기 와 아이콘의 합성어 ]
파비콘 만들기
파비콘 생성하는 사이트로 파비콘을 쉽게 만들 수 있는데요
메뉴 탭중
[Generator]를 통해서
16x16 이미지를 불러다가 ico 으로 변환해 바로 사용하실수도 있으시고
[Editor]를 통해
직접 16x16 크기의 파비콘을 만들 수 있습니다.
위 순서대로 맘에 드는 파비콘을 만드신 뒤에
바탕화면 혹은 내 문서에 아이콘을 저장합니다.
티스토리 파비콘 적용
그럼 이제 파비콘을 티스토리에 적용해보겠습니다.
관리페이지 -환경설정 - 기본정보 로 이동합니다.
아이콘 과 파비콘이 보이는데요~
파일을 찾아 첨부합니다.
파일을 첨부한뒤 미리보이는 파비콘 아이콘에
우측 마우스 클릭하여
속성의 URL 주소를 복사합니다.
그 다음 플러그인 설정으로 가셔서
홈페이지 아이콘 표시(파비콘)을 사용 설정 해줍니다.
다음은 HTML/CSS 편집으로 이동하셔서
아까 파비콘을 업로드 합니다.
다음 HTMl/CSS 로 오신뒤
<link rel="shortcut icon" href="https://buii.tistory.com/favicon.ico" />
을 찾으신뒤에
<link rel="shorcut icon" href="위에 파비콘 속성 URL주소">
를 한줄 추가합니다.
적용된 모습입니다 ㅎㅎ
적용까지 5~10분정도의 시간이 걸리니 천천히 기다려주세요