오늘은 티스토리 블로그에 자신만의 파비콘을 적용하는 방법에 대해서 알아보도록 하겠습니다.
먼저 파비콘이란 뭐지?라고 궁금해하시는 분들이 계실 것 같은데요. 파비콘은 브라우저를 이용할 때 사이트 주소창이나 탭창에 보이는 작은 크기의 아이콘입니다. 웹사이트 관리자가 사이트를 대표하는 이미지를 설정해 놓아 이용자들이 어떤 사이트인지 한눈에 확인하기 편하게 도와줍니다.
위에서 보이시듯 사이트 이름을 보지 않더라도 이미지만 보고서 어떤 사이트에 접속하고 있는지 한눈에 파악이 가능합니다.
파비콘은 대형 웹사이트들 뿐만 아니라 일반 웹사이트, 개인 블로그에도 적용이 가능합니다. 티스토리 블로그에도 마찬가지로 적용 가능합니다. 제작하고 적용하는데 그렇게 어렵지도 않습니다. 티스토리에서는 파비콘 적용하는 방법이 매우 간단합니다.
티스토리 블로그에 파비콘 적용하는 방법
이 파비콘은 일반 이미지 파일 확장자인 jpg, png로 사용이 되지 않고 'ico'라는 파일 확장자로 사용되기 때문에 따로 제작을 해주어야 합니다. 그렇기에 먼저 블로그에 적용하시기 이전에 사용할 파일을 만들어야 되겠죠.
파비콘을 제작해주는 사이트들이 여럿 존재하기 때문에 만드는 방법도 어렵지 않습니다. 우선 만들기 이전에 본인이 파비콘으로 제작하고 싶은 이미지 파일 하나를 준비해줍니다. 파일 크기는 상관없습니다.
예시로 저는 위 사과 사진을 파비콘으로 만들어보도록 하겠습니다. 파일이 준비되셨다면 아래 링크에 접속해 주세요.
ICO Converter
Converts images to the ICO format for your websites or applications.
www.icoconverter.com
다른 사이트들이 많이 존재하지만 위 사이트가 용량이 작게 제작이 되더라고요. 이 파비콘이 용량이 크면 또 적용이 불가능합니다.
사이트에 접속을 완료하셨다면 '파일 선택'을 눌러주셔서 준비한 이미지 파일을 선택해 줍니다. 다음으로 맨 아래 'Convert'를 눌러주시면 몇 초 후 제작이 바로 완료되고 저장을 눌러주시면 됩니다.
그럼 위와 같이 'favicon'이란 이름으로 파일이 저장되셨을 겁니다. 이제 블로그에 적용만 하면 끝입니다.
우선 블로그 관리 창에 들어오셔서 좌측 사이드바 맨 아래에 '블로그'에 들어가 줍니다.
그럼 중간에 파비콘을 수정할 수 있는 구역이 보이실 겁니다. 우측에 불러오기를 눌러주셔서 방금 저장했던 'favicon'파일을 불러오시고, 다음으로 변경사항 저장을 눌러주시면 아래와 같이 적용이 완료됩니다.
댓글