티스토리에 파비콘 적용하기, 파비콘 만드는 법, favicon

파비콘(favicon)은 즐겨찾기(favorite)와 아이콘(icon)의 합성어입니다.
쉽게 즐겨찾기, 북마크를 위한 아이콘이라는 것입니다.

티스토리에도 파비콘을 적용할 수 있어서 해보았습니다.

1. 아이콘을 만들기
본인의 블로그의 아이덴터티를 살릴 수 있는 이미지를 만듭니다.
크기는 정사각형으로 만들어야합니다.
64x64가 많으므로 64픽셀로 만들어보았습니다.
파일 확장자는 png입니다.

2. ico 파일로 전환하기
하기 url에서 만든 png 이미지를 ico 파일로 전환합니다.
https://favicon.io/

PNG --> ICO 녹색버튼을 클릭합니다.

Converter 아래 박스 공간을 클릭합니다.

만들어놓은 png 이미지를 검색해서 열기합니다.

다운로드 왼쪽에 선택한 파비콘 이미지가 노출됩니다. 
옆에 다운로드 버튼을 클릭합니다.

파비콘이 압축형태로 다운로드됩니다.

다운로드된 파일을 압축풀기하면 다양한 사이즈의 파비콘이 생성된 것을 확인할 수 있습니다.

3. 티스토리에 적용하기
티스토리 관리자 메뉴에서 왼쪽 상단 이미지를 클릭합니다.
블로그 설정이 나옵니다.

블로그 설정 하단에 보면 파비콘에서 우측 블러오기 버튼을 클릭합니다.

다운받은 ico 이미지를 불러옵니다.

파비콘이 적용되면 변경사항 저장을 클릭해줍니다.

브라우저에서 탭에 마우스를 대고 오른쪽마우스를 클릭 후 드롭다운리스트에서 새로고침을 선택하면 변경이 됩니다.
탭 상단과 북마크 브라우저 즐겨찾기 아이콘에 적용된 것을 확인하실 수 있습니다.