티스토리 아이콘 설정하기! '파비콘(Favicon)'

구글링을 하다가 문득 제 블로그를 검색했을 때, 옆에 설정된 아이콘을 변경하고 싶다는 생각이 들었습니다.

다른 티스토리 블로그들을 보면 자신만의 로고를 설정해놓던데 저는 그게 무엇인지 잘 몰랐습니다.

이번에 알아보니 이를 '파비콘'이라 부릅니다.

 

 

파비콘은 웹페이지에 접속했을때, 위 이미지처럼 상단 탭에 보여지는 아이콘을 의미합니다!

2가지 단어인 'favorites'과 'icon'이 합쳐져서 만들어진 단어 입니다.

 

저만의 개성을 가지고 싶어서, 이번 기회에 설정해보려고 합니다.

---

 

먼저 파비콘은 jpg나 png형식 등의 이미지 파일을 ico형식으로 변환해서 사용해야 합니다.
저는 제 프로필 이미지를 바로 설정하려 시도했습니다.

 

하. 지. 만.

구글에 ico 확장자로 변환하는 무료 웹사이트를 검색해서 변환했더니 59kb PNG 이미지가, 약 250kb 크기의 ico 파일로 변환되었습니다. (맨 위, 상단에 뜨는 변환 사이트)

 

그래서 발견한 100kb 이하로 변환되는 사이트를 여기 링크로 남겨놓습니다.

ICO Converter

Online ICO converter


이 사이트는 자신이 원하는 사이즈의 픽셀과 비트를 정할 수 있어서 100KB가 넘지 않도록 설정이 가능합니다!

제 경우,

sizes 16, 32, 48 pixels

bit depth 32bits 로 기본 설정으로 변환하니 성공했습니다.

 

만약 기본설정으로도 변환 후, 파일 크기가 100kb를 초과한다면 조금씩 줄여나가면 됩니다.

이후 블로그 설정 페이지에서 '관리 - 블로그'탭의 파비콘에 파일을 업로드하면 성공적으로 변경할 수 있게 됩니다!