내 블로그에 파비콘 만들어서 적용하기

내 블로그에 파비콘 만들어서 적용하기

파비콘을 만듭시다.

바로 이것!

파비콘(Favicon)은 Favorite icon의 약자로 사이트 제목옆에 붙는 아이콘이다.

보통 웹사이트의 로고를 단순화해서 만드는데 

개인 블로그에도 넣어주면 좀 더 전문적인 느낌을 줄 수 있다.

1. ico파일로 변환

파일 포멧은 ico형식으로 png파일을 ico로 전환해주는 사이트에서 변환하면 된다.

https://convertico.com/

파비콘.png

png파일을 준비해준다. 

난 이 하트모양으로 할거임.

일러스트레이터에서 막 그린 하트모양, 제법 그럴 듯하네 ㅎㅎ

https://convertico.com/

사이트에 들어간다.

choose icon layer sizes 를 클릭해보면 

적용가능한 사이즈를 선택할 수 있는데 티스토리용으로는 32x32면 된다.

체크한 다음 파비콘으로 사용할 png파일을 업로드한다.

그럼 우측에 붉은 박스에 만들어진 아이콘이 보여지는데

다운로드 화살표를 클릭하면 내 컴퓨터에 저장이 된다. 

2. 파비콘 적용하기 (티스토리 블로그)

티스토리는 HTML소스를 수정할 필요없이 관리 페이지에서 적용할 수 있다. 

호홍

관리 메뉴 하단에 블로그를 클릭

그럼 파비콘이라는 영역을 볼 수 있다.

불러오기를 해서 저장된 xxx.ico파일을 넣는다.

그럼 이렇게 적용되는 것을 볼 수 있다.

변경사항 저장!을 꼭 누르면 완료.

실제 사이트에 적용되기까지 몇 분이 걸릴 수 있다.

새로고침을 하고 적용된 파비콘을 확인해보자.

적용완료!

아 상큼하다