파비콘 만들기 및 티스토리에 적용하기

파비콘 (favicon)이란 브라우저 주소 표시줄 (URL)에 브랜딩 역할을 해주는 작은 아이콘입니다.  아래 이미지에서 볼 수 있듯이, 기본적인 티스토리의 파비콘은 빨간색 바탕에 글자 'T'가 새겨져 있는 것입니다.  기본 티스토리 파비콘을 오른쪽과 같이 자신이 좋아하는 파비콘으로 바꾸는 법에 대해서 알아보겠습니다.

기본 티스토리 파비콘에서 커피모양의 파비콘으로 바꾼 예시.

 

제가 이용한 파비콘 생성 웹사이트는 https://favicon.io/ 입니다. 구글 크롬 한글 자동번역기를 사용하면 다음과 같이 나옵니다.

favicon.io 웹사이트.

 

사용법은 매우 간단합니다. 이미지를 가지고 계신경우 PNG->ICO를 누르셔서 그림파일을 업로드하시고 파일을 다운로드하셔서 압축을 풀면 여러 종류의 그림파일이 첨부되어 있는 걸 보실 수 있습니다.  티스토리 파비콘같이 글자로 파비콘을 만드시고 싶으신 분들은 TEXT -> ICO를 클릭하시고 파비콘을 만드신후 파일을 다운 받으실수 있습니다.  이모티콘으로 파비콘 생성도 가능합니다. 하지만 이모티콘 그래픽 사용상의 저작권 문제가 있으니, 프로젝트에서 사용하기 전에 라이선스를 검토해야 한다고 합니다. 파비콘은 확장자가 ICO 입니다. 나중에 파비콘을 업로드하실때 이 확장자를 가진 파일을 선택해 주시면 됩니다.

PNG -> ICO 변환을 누르시고 들어오신후, 파일을 끌어다 놓으시면 아이콘이 바뀝니다. 그리고 다운로드 버튼을 누르셔서 파일을 내려 받습니다.

favicon_io.zip 파일을 압축해제 하시면 여러 사이즈의 그림파일이 들어 있음을 보실수 있습니다.  이 중에서 저희는 favocon.ico를 파비콘으로 사용할 수 있습니다.

압축되어 있는 파일을 풀면 여러사이즈의 그림파일이 들어있음.  확장자가 .ico 인 파일이 파비콘으로 쓰여질수 있음니다.

 

티스토리에 파비콘 업로드하기 

티스토리 설정에서 파비콘 바꾸는법.

티스토리 설정에서 관리 아래 블로그 버튼을 누른다.  오른쪽 상단에 파비콘 불러오기 버튼을 누른 후 다운로드한 ico 파일을 선택하여 주고 변경사항 저장 버튼을 누르면 파비콘이 변경된 것을 볼 수 있다.