본문 바로가기
사는 이야기/생활 정보

티스토리 블로그 파비콘(Favicon) 적용 및 설정하기

by 애플 로그 2022. 7. 4.
반응형

티스토리 블로그 파비콘(Favicon) 적용 및 설정하기

파비콘은 브라우저를 접속했을 때 브라우저 상단에 표시되는 아이콘을 뜻 합니다.

이런 브라우저에 아이콘들은 즐겨찾기 할 때도 표시되기도 합니다.

웹사이트의 파비콘을 보고 한번에 무슨 사이트인지 파악할 수 있게 합니다.

티스토리 블로그의 T모양의 파비콘을 변경 적용 할수 있는데,

이 방법에 대해서 아래에서 자세히 알아보시기 바랍니다.

 

 

1. 파비콘 이미지를 다운로드 

흑백 컬러 일러스트 크림이 많이 있어서, 파비콘 만들기 좋습니다.

아래 사이트를 통해서 파비콘 이미지를 다운로드 받으시기 바랍니다.

 

파비콘 다운로드

추천 사이트 : www.flaticon.com

 

2. 다운로드한 png 파일을 ico 파일로 변환

이미지를 파비콘 (ico파일)로 변환해 주는 사이트는 많이 있습니다. 

파비콘, favicon ico와 같은 키워드로 구글링 해보면 많은 사이트들이 존재 합니다..

저는 아래의 사이트에서 작업을 진행했습니다.

 

https://www.favicon-generator.org/

 

Favicon & App Icon Generator

Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.

www.favicon-generator.org

 

 

3. 파일 선택

페이지에 들어가면 파일을 첨부할수 있는 버튼이 보입니다.

1번에서 다운받은 이미지를 선택해 줍니다.

 

4. download favicon 클릭

이제 파비콘 파일을 다운로드 받을 차례 입니다.

아래 링크를 통해서 파비콘 파일을 다운로드 받으시기 바랍니다.

5. tistory 블로그 관리 - 블로그 - 파비콘

 

 

6. 불러오기 - 파일 적용 - 끝

 

블로그 탭에 빨간 사과모양이 생긴 것이 확인된다. 

이상으로 파비콘 설정에 대해서 블로그를 마칩니다. 

댓글