[정보] 티스토리 파비콘 만들기 & 적용시키기

티스토리 파비콘 만들기 & 적용시키기

 

안녕하세요.

티스토리 블로그에 파비콘을 만들고 적용하는 방법을

간단하게 설명드려볼까 합니다.

 

일단 파비콘(favicon)이란

즐겨찾기(favorite)의 fav와

아이콘(icon)의 icon의 합성어라고 합니다.

 

티스토리 파비콘

위 사진은 다른 블로거 분의 티스토리와

제가 운영하는 티스토리 블로그를 크롬 브라우저에

나란히 열어놓은 모습입니다.

 

좌측은 티스토리에서 기본으로

제공하는 'T' 모양의 파비콘,

우측은 제가 설정한 칵테일 잔 모양의

파비콘이 적용되어 있죠.

홈페이지 아이콘?이라고 설명해야 할까요

이렇게 자신만의 개성이 담긴

파비콘을 만들고 설정할 수 있습니다.

 

파비콘이 무엇인지 알았으면,

어디에서 만들고 설정할 수 있는지 

누구나 쉽게 할 수 있는 방법을 알려드리겠습니다.

 

https://favicon.io/

일단 위 사이트로 접속합니다.

간단하게 파비콘을 만들거나 PNG 파일을

파비콘 확장자인. ico로

변경할 수 있는 사이트입니다.

 

favicon.io

사이트 중앙 부분에 세 가지 메뉴가 있습니다.

 

① PNG >> ICO : PNG 확장자 파일을 파비콘

확장자인 ICO로 전환해주는 메뉴입니다.

② TEXT >> ICO : 파비콘을 문자로 하고 싶을

경우 사용하는 메뉴입니다.

③ EMOJI >> ICO : 사이트에서 제공하는 이모티콘,

이모지를 파비콘으로 변환하는 메뉴입니다.

 

 

더 이상 설명할 게 없을 정도로

셋 중에 원하시는 메뉴를 눌러보시면

간편하게 변환하거나 제작할 수

있게끔 되어 있습니다.

변환 or 제작 후 다운로드한 파일의 압축을 풀면

여러 가지 사이즈/종류의 파일이 있는데

그중 favicon이라는 이름의

ico 확장자 파일을 사용하면 됩니다.

 

저는 ①번 메뉴를 이용해서 PNG 파일을

ICO 파일로 변환해서 적용했는데요,

 

https://thenounproject.com/

Noun Project: Free Icons & Stock Photos for Everything

간단한 무료 아이콘은 위 사이트에서

저작권 걱정 없이 다운로드할 수 있습니다.

저는 cocktail을 검색해서 다운로드하였습니다.

 

이제 ICO 파비콘 파일을 만들었다면,

티스토리 블로그 관리 페이지로 들어가서

아랫부분에 관리-블로그 메뉴를 눌러봅니다.

티스토리 파비콘 적용

 

블로그 메뉴에 들어갔다면

중앙 부분에 있는 파비콘 불러오기에서

앞서 만들어뒀던

favicon 파일을 선택한 후 저장을 해주면 됩니다.

 

여기까지 진행하셨다면

티스토리에 파비콘을 설정하는

모든 과정을 마친 것이지만,

확인해보면 변경되지 않고 본래의 'T' 파비콘이

그대로 있는 경우가 있습니다.

 

그럴 경우,

 

사용하시는 웹브라우저의 설정 메뉴로 들어가서,

 

크롬 브라우저 기준 '개인정보 및 보안' 메뉴에서

인터넷 사용기록을 삭제해줍니다.

 

다시 확인해보시면 설정한 파비콘이

정상적으로 적용되어 있는 걸 확인할 수 있습니다.

 

쓰다 보니 긴 글이 됐지만

따라 해 보면 10분도 안 걸리는 과정이니

꼭 자신만의 파비콘으로 블로그를

꾸며보시길 바랍니다.

읽어주셔서 감사합니다.