티스토리 블로그를 만들었다면 가장 먼저 해두면 좋은 설정 중 하나가 파비콘(Favicon)입니다. 파비콘은 브라우저 탭이나 즐겨찾기에서 블로그 이름 옆에 나타나는 작은 아이콘으로, 기본 티스토리 아이콘 대신 내가 원하는 이미지를 넣으면 블로그를 훨씬 쉽게 구분할 수 있습니다. 설정 방법은 간단합니다. ICO 파일 준비 → 티스토리 관리자에서 등록하면 끝입니다.
티스토리 파비콘이란?
파비콘은 인터넷 브라우저의 탭이나 즐겨찾기에서 사이트 이름 옆에 표시되는 작은 아이콘입니다.
티스토리 기본 아이콘을 그대로 사용해도 되지만, 블로그 주제에 맞는 파비콘을 설정하면 여러 사이트를 열어두었을 때도 내 블로그를 쉽게 알아볼 수 있습니다.
방법 1. 무료 ICO 아이콘 다운로드하기
직접 이미지를 만들기 번거롭다면 무료 아이콘 사이트에서 원하는 이미지를 찾아 사용하는 방법이 가장 간단합니다.
제가 추천하는 곳은 IconArchive입니다. 검색창에 원하는 단어를 입력하면 다양한 아이콘을 찾을 수 있습니다.
예를 들어 IT 블로그라면 computer, security, cloud, 여행 블로그라면 travel, airplane, camera 같은 영어 단어로 검색하면 찾기 쉽습니다.
단, 아이콘마다 사용 조건이 다를 수 있으므로 다운로드할 때 개인용·상업용 사용 가능 여부와 라이선스를 한 번 확인하는 것이 좋습니다.
방법 2. JPG·PNG 이미지를 ICO로 변환하기
이미 블로그 로고나 원하는 JPG·PNG 이미지가 있다면 새로운 아이콘을 찾을 필요 없이 ICO 파일로 변환해서 사용하면 됩니다.
이때 사용할 수 있는 사이트가 FreeConvert입니다. 프로그램을 따로 설치하지 않고 웹에서 파일을 변환할 수 있습니다.
ICO 변환 순서
- FreeConvert에 접속합니다.
- Choose Files를 눌러 JPG 또는 PNG 이미지를 선택합니다.
- 출력 형식을 ICO로 선택합니다.
- 변환을 시작합니다.
- 완성된 ICO 파일을 PC에 저장합니다.
티스토리에 파비콘 등록하는 방법
ICO 파일을 준비했다면 이제 티스토리에 등록하면 됩니다. HTML을 수정하지 않아도 관리자 화면에서 간단하게 설정할 수 있습니다.
STEP 1. 티스토리 관리자 접속
파비콘을 변경할 티스토리 블로그의 관리자 페이지로 이동합니다.
STEP 2. 관리 → 블로그 선택
왼쪽 메뉴를 아래로 내려 관리 → 블로그 메뉴로 들어갑니다.
STEP 3. 파비콘 불러오기
블로그 설정 화면에서 파비콘 항목을 찾은 뒤 불러오기를 눌러 준비한 ICO 파일을 선택합니다.
STEP 4. 변경사항 저장
마지막으로 변경사항 저장을 눌러주면 설정이 완료됩니다.
파비콘 이미지는 이렇게 만드는 것이 좋습니다
파비콘은 브라우저에서 아주 작게 보이기 때문에 일반적인 사진보다 단순하고 눈에 잘 들어오는 이미지가 좋습니다.
- 정사각형 이미지를 사용하는 것이 좋습니다.
- 작은 글자는 거의 보이지 않으므로 텍스트는 최소화합니다.
- 복잡한 사진보다 하나의 심볼이나 로고가 잘 보입니다.
- 배경을 없애고 싶다면 처음부터 투명 PNG로 만든 뒤 ICO로 변환하는 것이 편합니다.
파비콘이 바로 보이지 않을 때
파비콘을 등록했는데 브라우저 탭에서 기존 티스토리 아이콘이 계속 보이는 경우도 있습니다.
이것은 설정이 실패했다기보다 브라우저에 기존 파비콘이 캐시되어 있기 때문일 수 있습니다.
- 페이지를 새로고침합니다.
- 블로그 탭을 닫았다가 다시 열어봅니다.
- 시크릿 모드에서 블로그를 확인합니다.
- 시간을 조금 두고 다시 확인합니다.